Какие знаешь типы верстки под разные экраны

Адаптивная верстка (responsive) — подстраивается под размер экрана с помощью медиазапросов, гибких сеток и относительных единиц. Пример:

@media (max-width: 768px) {
  .container { width: 100%; }
}

Отзывчивая верстка (fluid) — использует проценты и viewport-единицы (vw, vh) для плавного масштабирования.

Фиксированная (static) — жесткие пиксельные размеры, не адаптируется.

Резиновая (elastic) — комбинация фиксированных и гибких элементов, например, контейнер фиксирован, а контент растягивается.

Мобильная-first — верстка сначала для мобильных, затем адаптация под десктоп через min-width медиазапросы.

Desktop-first — обратный подход, начинаем с десктопа и добавляем max-width медиазапросы.