Сенс адаптивного дизайну полягає в тому, що сайт динамічно (в режимі реального часу) підлаштовується під розмір вікна вашого пристрою. Якщо розмір екрана раптово збільшиться або зменшиться (наприклад, при зміні орієнтації планшета), сайт одразу ж відреагує на це — без перезавантаження чи затримок. При цьому можна змінювати розміри шрифтів, зображень, оформлення (тло, колір, накреслення) і навіть розташування елементів на сторінці.
Адаптивна верстка включає в себе: