Що таке адаптивний (responsive) дизайн?

Адаптивний (responsive) дизайн - це підхід у верстці, за якого сайт автоматично підлаштовується під розміри екрана і пристрою, зберігаючи зручність читання і взаємодії. Макет, шрифти, сітка і елементи інтерфейсу змінюють розміри, розташування і поведінку для різних viewport'ів (телефон, планшет, ноутбук, широкі монітори).

Ключові принципи адаптивності:

1. Гнучка сітка: блоки розтягуються і перебудовуються (Grid, Flex, %, fr, auto).
2. Відносні одиниці замість фіксованих (%, fr, vw, vh, em).
3. Адаптивні зображення і медіа (max-width: 100% тощо).
4. Media queries для зміни стилів під різні ширини екрана.

Мета - щоб сайт був однаково зручним на будь-якому пристрої, без горизонтального скролу і масштабування.