Как реализовать адаптивную верстку

Используй **медиазапросы** (`@media`) для адаптации стилей под разные устройства. ```css /* Базовые стили для мобильных */ .container { width: 100%; padding: 10px; } /* Планшеты (768px и выше) */ @media (min-width: 768px) { .container { width: 750px; margin: 0 auto; } } /* Десктоп (1200px и выше) */ @media (min-width: 1200px) { .container { width: 1170px; } } ``` **Дополнительные подходы:** - **Относительные единицы** (`%`, `vw`, `vh`, `rem`). - **Flexbox/Grid** для гибких макетов. - **Mobile-first** — начинай с мобильной версии, затем добавляй стили для больших экранов. - **Viewport meta-тег** для корректного масштабирования: ```html ```