В чём разница между отзывчивым дизайном от адаптивного

Отзывчивый (responsive) дизайн использует гибкие сетки, изображения и медиазапросы для плавного изменения макета под разные размеры экранов. Один HTML-код подстраивается под все устройства.

Адаптивный (adaptive) дизайн использует фиксированные макеты для конкретных брейкпоинтов. Сервер определяет устройство и загружает подходящий шаблон.

Пример responsive:

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .container {
    padding: 0 15px;
  }
}

Пример adaptive (с разными HTML-файлами для мобильных и десктопов).

Отзывчивый дизайн более универсален, адаптивный может дать более точный контроль для конкретных устройств.