Каким подходом пользуешься при реализации адаптивности

Я предпочитаю mobile-first подход с использованием CSS Grid и Flexbox. Начинаю проектировать с мобильных устройств, постепенно добавляя медиазапросы для более широких экранов.

Пример базовой структуры:

.container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  padding: 1rem;
}

@media (min-width: 768px) {
.container {
grid-template-columns: repeat(2, 1fr);
}
}

@media (min-width: 1024px) {
.container {
grid-template-columns: repeat(3, 1fr);
}
}

Дополнительно использую относительные единицы (rem, %, vw/vh) и clamp() для плавного масштабирования. Для сложных случаев применяю CSS-переменные, которые изменяю в медиазапросах.