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

Используй медиазапросы в CSS для адаптации стилей под разные экраны: ```css /* Десктоп */ .container { width: 1200px; } /* Планшеты */ @media (max-width: 768px) { .container { width: 100%; } } /* Мобильные */ @media (max-width: 480px) { .container { padding: 0 10px; } } ``` Другие подходы: 1. **Mobile-first** - сначала стили для мобильных, затем расширения для десктопа через `min-width` 2. **Гибкие единицы** - `vw`, `%`, `rem` вместо фиксированных `px` 3. **Flexbox/Grid** - для автоматического перестроения контента 4. **Viewport meta tag** - обязателен для корректного масштабирования: ```html ``` 5. **CSS-фреймворки** (Bootstrap, Tailwind) - готовые адаптивные компоненты