Как работают CSS Container Queries ?

• Видео объясняет, что такое контейнер кэрис и как они могут быть использованы в веб-разработке.  

• Контейнер кэрис похожи на медиа кэрис, но они позволяют применять стили к элементу на основании размера контейнера, а не размера вьюпорта.  

• В примере используется карточка с классом карт и контейнером тайп инлайн сайз.  

• Если ширина контейнера больше 600 пикселей, размер шрифта увеличивается до 20 пикселей.  

• Если ширина контейнера меньше 600 пикселей, размер шрифта уменьшается до 16 пикселей.  

• Можно использовать несколько имен контейнеров, как и классов.  

• Поддержка контейнеров кэрис в браузерах составляет 85%, что является хорошим показателем.