Чем отличаются media queries и container queries?

Media queries реагируют на характеристики устройства или viewport, а container queries — на условия контейнера компонента.

Это позволяет одному компоненту менять раскладку в узкой боковой панели и широкой основной области независимо от размера окна. Для size queries обычно задают container-type подходящему предку. Выбор зависит от того, чьи размеры определяют поведение компонента.