Справочник урока
| Инструмент | Зачем нужен | Мини-пример |
|---|---|---|
mobile-first | Базовые стили для узкого экрана | .cards { display: grid; gap: 1rem; } |
min-width | Расширение макета от заданной ширины | @media (min-width: 48rem) { ... } |
progressive enhancement | Улучшение интерфейса без потери базовой версии | nav расширяется только на широком экране |
content priority | Сначала главное содержимое, затем вторичные блоки | main перед aside в HTML |
Практическое правило: адаптивность начинается не с набора размеров устройств, а с поведения содержимого в доступной ширине.