Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке адаптивний (responsive) дизайн?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Адаптивний (responsive) дизайн** - це підхід у верстці, за якого сайт автоматично підлаштовується під розміри екрана і пристрою, зберігаючи зручність читання і взаємодії, за допомогою гнучкої сітки, відносних одиниць, адаптивних медіа і media queries. **Ключове:** мета адаптивного дизайну - щоб сайт був однаково зручним на будь-якому пристрої, без горизонтального скролу і масштабування.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняАдаптивний (responsive) дизайн - це підхід у верстці, за якого сайт **автоматично підлаштовується під розміри екрана і пристрою**, зберігаючи зручність читання і взаємодії. Макет, шрифти, сітка і елементи інтерфейсу змінюють розміри, розташування і поведінку для різних viewport'ів (телефон, планшет, ноутбук, широкі монітори). Ключові принципи адаптивності: 1. **Гнучка сітка**: блоки розтягуються і перебудовуються (Grid, Flex, %, fr, auto). 2. **Відносні одиниці** замість фіксованих (`%`, `fr`, `vw`, `vh`, `em`). 3. **Адаптивні зображення і медіа** (`max-width: 100%` тощо). 4. **Media queries** для зміни стилів під різні ширини екрана. Мета - щоб сайт **був однаково зручним на будь-якому пристрої**, без горизонтального скролу і масштабування.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.