Знаком ли с Desktop-first подходом

Desktop-first — это подход к вёрстке, при котором сначала разрабатывается интерфейс для десктопных устройств, а затем адаптируется под мобильные с помощью медиазапросов (max-width).

Плюсы:

• Удобен, если основная аудитория использует десктоп.
• Проще начинать с широкого макета и сужать, чем наоборот.

Минусы:

• Может потребовать больше усилий для адаптации под мобильные устройства.
• Менее современен по сравнению с Mobile-first (который считается best practice).

Пример:

/* Стили для десктопа */
.container { width: 1200px; }

/* Адаптация для планшетов */
@media (max-width: 768px) {
  .container { width: 100%; }
}

/* Адаптация для мобильных */
@media (max-width: 480px) {
  .container { padding: 0 10px; }
}

Сейчас чаще используют Mobile-first, но Desktop-first всё ещё актуален для некоторых проектов.