Использовали ли вы media queries или мобильные layout’ы?

Question

Accepted Answer

## Практика
Да: breakpoints, container queries, отдельные правила для `hover`/`pointer`.

## Пример

```css
.nav { flex-direction: column; }
@media (min-width: 768px) {
  .nav { flex-direction: row; }
}
@container (min-width: 400px) {
  .card { display: grid; grid-template-columns: 1fr 1fr; }
}
```

Важно: не только ширина — `prefers-reduced-motion`, тёмная тема, плотность pointer. Viewport meta на мобильных обязателен для адекватных CSS px.

## Итог
Media/container queries — основа responsive. Опишите mobile-first и 1–2 реальных breakpoint’а продукта.