Данная статья - перевод. Оригинал по этой ссылке. Я не могу сдержать своего волнения, когда пишу первые несколько слов этой статьи. Дамы и господа, контейнерные CSS-запросы наконец-то здесь! Да, вы правильно поняли. В настоящее время они поддерживаются в Google Chrome (105), а вскоре будут и в Safari 16. Это огромный этап в веб-разработке. Для меня это нечто, что меняет правила игры - как первое появление медиа-запроов, с помощью которых мы начали строить адаптивные сайты. Контейнерные запросы не менее важны (по крайней мере, так кажется мне)...

Вступление Существуют мощные и стабильные CSS фичи, доступные уже сегодня, которые каждый front-end разработчик может использовать. Важно знать, как использовать container query, создавать привязку к прокрутке, избегать position: absolute путем использования grid, быстро создавать круги, использовать каскадные слои и достигать большего с помощью логических свойств. В данной статье будут описаны все 6 новых возможностей CSS. 1. Container query В 2023 году самая востребованная функция CSS для запроса...