Как достигается адаптивная вёрстка

Адаптивная вёрстка достигается через комбинацию техник: 1. **Медиазапросы** – подстройка стилей под разные разрешения: ```css @media (max-width: 768px) { .container { width: 100%; } } ``` 2. **Относительные единицы** (%, vw, vh, rem) вместо фиксированных px. 3. **Flexbox/Grid** для гибких раскладок: ```css .container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } ``` 4. **Резиновые изображения**: ```css img { max-width: 100%; height: auto; } ``` 5. **Mobile-first подход** – проектирование от мобильных устройств с постепенным усложнением. 6. **Viewport meta-тег** в HTML: ```html ``` Дополнительно используют CSS-функции calc(), clamp() и подходы типа container queries (новый стандарт).