Какой опыт с мобильной версткой

Работал с адаптивной и мобильной вёрсткой, используя: 1. **Медиазапросы** для адаптации под разные устройства: ```css @media (max-width: 768px) { .container { padding: 0 15px; } } ``` 2. **Mobile-first подход** - начинал проектирование с мобильных устройств, затем добавлял стили для десктопов. 3. **Гибкие единицы измерения** (vw, vh, rem) и **flexbox/grid** для создания резиновых макетов. 4. **Оптимизацию изображений** через srcset и picture: ```html ``` 5. **Touch-оптимизацию** (увеличение кликабельных зон, отключение zoom на инпутах). 6. **Тестирование** через Chrome DevTools Device Mode и реальные устройства. Пример адаптивного меню: ```css .menu { display: none; } @media (max-width: 768px) { .menu { display: block; } } ```