container-type подготвя елемент за заявки по размер

Полезно е да знаеш

container-type: inline-size установява контейнер за проверки на размера по редовата му ос. При обичайно хоризонтално писане това е измерението, което възприемаме като ширина. [1]

Пример: .card-host { container-type: inline-size; }. След това правило @container може да променя децата според наличното място. Когато същата карта стои и в тесен страничен панел, и в широка колона, реакцията към контейнера е по-точна от реакция само към екрана. Декларацията въвежда и containment последствия; провери размера на обвивката, а не я добавяй произволно навсякъде.