Какие знаешь подходы в создании адаптивного сайта

**Flexbox и Grid** — современные CSS-технологии для создания гибких макетов. Flexbox удобен для одномерных раскладок (ряды/колонки), Grid — для сложных двумерных. **Медиазапросы** (`@media`) — основа адаптивности. Позволяют применять стили в зависимости от ширины экрана: ```css @media (max-width: 768px) { .container { flex-direction: column; } } ``` **Относительные единицы** (`%`, `vw`, `vh`, `rem`) вместо фиксированных пикселей. Например: ```css .container { width: 90%; max-width: 1200px; } ``` **Mobile-first** — подход, при котором стили сначала пишутся для мобильных устройств, а затем дополняются для десктопов через `min-width`. **CSS-фреймворки** (Bootstrap, Tailwind) — ускоряют разработку за счёт готовых адаптивных компонентов. **Изображения:** `srcset` и `` для оптимизации загрузки на разных устройствах.