Что такое Desktop First

Desktop First — это подход к разработке веб-дизайна, при котором изначально создаётся версия сайта для десктопных устройств, а затем адаптируется под мобильные.

Особенности:

• Используется max-width в медиазапросах для постепенного уменьшения экрана.
• Часто применяется в legacy-проектах или когда основная аудитория — пользователи ПК.

Пример:

.container {
  width: 1200px; /* Десктопный стиль */
}

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

@media (max-width: 480px) {
  .container {
    padding: 10px; /* Адаптация под смартфоны */
  }
}

Альтернатива: Mobile First (с min-width).