Что такое mobile-first подход в CSS?

Question

Accepted Answer

## Стратегия

**Mobile-first** — сначала пишут базовые стили под узкий экран, затем добавляют улучшения через `min-width` media queries.

```css
.nav { flex-direction: column; }

@media (min-width: 768px) {
  .nav { flex-direction: row; }
}
```

Плюсы: приоритет контента и производительности на мобильных; проще наращивать layout, чем «отрезать» desktop-стили через `max-width`. Противоположность — desktop-first с деградацией вниз.

На практике mobile-first сочетают с container queries и fluid-единицами, чтобы меньше точек перелома.