Какие знаешь техники чтобы сделать Responsive сайт

Используй **медиазапросы** (`@media`) для адаптации стилей под разные экраны. Например: ```css @media (max-width: 768px) { .container { width: 100%; } } ``` **Относительные единицы** (`%`, `vw`, `vh`, `rem`) вместо фиксированных (`px`). **Flexbox** и **Grid** для гибких макетов: ```css .container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } ``` **Mobile-first подход** — сначала стили для мобильных, затем расширения через `min-width`. **Изображения:** - `srcset` для ретины - `max-width: 100%` для адаптивности **Viewport meta tag** в HTML: ```html ``` Фреймворки (Bootstrap, Tailwind) упрощают вёрстку, но важно понимать основы.