CSS 컨테이너 쿼리(@container)가 미디어 쿼리(@media)와 다른 점은?

해설

컨테이너 쿼리는 뷰포트 전체가 아닌 부모 컨테이너(container-type이 설정된)의 크기에 반응하여 스타일을 적용합니다. 재사용 가능한 컴포넌트가 배치되는 위치에 따라 다르게 표시되어야 할 때 특히 유용합니다.