Перенесли карточку товара из основной колонки в сайдбар — и раскладка поехала. С медиавыражениями так и будет: они смотрят на ширину окна, а не контейнера.

CSS Container Queries работают иначе. Компонент подстраивается под размер родителя — неважно, где он стоит на странице. Одни стили, любой контейнер.

Смотрите в клипе, как @container меняет раскладку на лету.

📲 Мы в MAX