Медиазапросы смотрят на размер viewport, а Container Queries — на размер самого контейнера.
📍 В примере кнопка меняет своё содержимое в зависимости от доступного пространства: если контейнер становится слишком узким, текст ADD TO CART скрывается, а иконка корзины остаётся.
@container (max-width: 200px) {
.button-text {
display: none;
}
}
Удобный подход для адаптивных компонентов, которые могут использоваться в разных местах интерфейса.
📍 Навигация: [Вакансии]
🐸 Библиотека фронтендера
#readme