Синтаксис range в @media: width >= 768px
Читаемые media queries Level 4.
Запись `@media (width >= 48rem)` понятнее цепочек `min-width` + `max-width` — меньше off-by-one на границе брейкпоинта.
Сочетайте с токенами `--bp-md: 48rem` в `:root`.
- Using media query ranges — MDN — Range syntax.
- Media Queries Level 4 — W3C — Спецификация.
Container queries
Для компонентов предпочитайте `@container` — viewport breakpoints для страницы, container для карточки.