Как делаешь адаптивность

Использую mobile-first подход и CSS-медиазапросы для адаптации интерфейса под разные экраны. Основные техники:

1. Относительные единицы (%, vw, vh, rem/em)
2. Flexbox/Grid для гибких раскладок
3. Медиазапросы с breakpoints (обычно 320px, 768px, 1024px, 1440px)

Пример:

.container {
  padding: 1rem;
  width: 100%;
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
    margin: 0 auto;
  }
}

Дополнительно:

• Использую picture/source для адаптивных изображений
• CSS-переменные для быстрой настройки
• Тестирую на реальных устройствах через DevTools
• Иногда подключаю библиотеки типа react-responsive для сложных случаев