Коротко: Новітній стандарт CSS (@container), що дозволяє адаптувати стилі компонента залежно від розміру його батьківського контейнера, а не всього екрана браузера.
Що таке CSS Container Queries?
Вирішує давню проблему модульності: одна й та сама картка товару виглядає компактно у вузькому сайдбарі і розгортається у всю ширину в головному контенті.
Ключові особливості та переваги
- Справжня модульність UI-компонентів, незалежна від розміру екрана смартфона чи монітора
- Спрощення верстки віджетів та багаторазових карток
- Зниження потреби у складних медіа-запитах @media
Сфери застосування та практичне значення
Новий стандарт сучасної верстки незалежних компонентів.