기술노트

뷰포트 미디어쿼리의 한계를 @container 컨테이너 쿼리와 :has() 부모 선택자로 넘어서는 실전 패턴을 정리했다. 컴포넌트 단위 반응형을 실현하는 실제 CSS 코드, cqi 단위, 마이그레이션 함정, 2025년 브라우저 지원까지 한 번에 다룬다.

CSS의 모던 레이아웃 도구들 — Container Queries (반응형 재정의), Subgrid (자식 grid 정렬), Anchor positioning (절대 위치 혁명). 모두 표준화 완료.

CSS Container Queries를 활용한 컴포넌트 기반 반응형 디자인 구현 방법.