Как сделать приложение отзывчивым

Отзывчивое приложение адаптируется под разные устройства и экраны. Основные подходы: 1. **Медиазапросы CSS** - адаптация стилей под разные разрешения: ```css @media (max-width: 768px) { .container { width: 100%; } } ``` 2. **Гибкие единицы измерения**: - Используйте `%`, `vw/vh`, `rem/em` вместо фиксированных `px` 3. **Flexbox/Grid** для гибких макетов: ```css .container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } ``` 4. **Адаптивные изображения**: ```html ``` 5. **Mobile-first подход** - сначала стили для мобильных, затем расширения для десктопов. 6. **Тестирование** в DevTools на разных устройствах и с разными DPR.