grid

플렉서블 그리드

`px` 고정 폭보다 `%`, `rem`, `fr` 같은 상대 단위와 Flexbox/Grid를 사용해 컨테이너 크기에 맞게 열을 재배치합니다.

media

플렉서블 미디어

이미지와 비디오는 `max-width: 100%`와 `height: auto`로 부모 영역을 넘지 않게 하고 원본 비율을 유지합니다.

query

미디어 쿼리

`min-width`, `max-width`, `orientation` 같은 조건이 맞을 때 다른 CSS 규칙을 적용해 화면별 경험을 조정합니다.