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

Используй **viewport meta тег** в `` HTML-документа, чтобы браузер корректно масштабировал страницу: ```html ``` Добавь **медиазапросы** в CSS для адаптации стилей под разные экраны: ```css /* Базовые стили для всех устройств */ .container { width: 100%; padding: 20px; } /* Для экранов уже 768px */ @media (max-width: 768px) { .container { padding: 10px; } } /* Для экранов уже 480px */ @media (max-width: 480px) { .container { font-size: 14px; } } ``` Используй **относительные единицы** (`%`, `rem`, `vw/vh`) вместо фиксированных (`px`). Пример с flex/grid для адаптивного расположения элементов: ```css .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; } ``` Этот подход обеспечит базовую адаптивность без сложных фреймворков.