Что такое адаптив

Адаптив — это подход к вёрстке, при котором сайт автоматически подстраивается под размеры экрана устройства, обеспечивая удобство использования на любом устройстве (ПК, планшет, смартфон).

Ключевые моменты:

• Используются медиазапросы (@media), чтобы применять разные стили в зависимости от ширины экрана.
• Гибкие сетки (flexbox, grid) и относительные единицы (%, vw, rem) вместо фиксированных размеров.
• Резиновые изображения (max-width: 100%), чтобы они не выходили за границы контейнера.

Пример медиазапроса:

.container {
  width: 100%;
  padding: 20px;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
    margin: 0 auto;
  }
}

Адаптивность улучшает UX и SEO, так как Google учитывает мобильную версию при ранжировании.