열의 폭을 먼저 정함
고정값, 비율 단위, 반복 함수를 섞어 구조를 만듭니다.
CSS Grid 레이아웃 설계표
Grid는 2차원 레이아웃을 먼저 정의하고, 각 영역에 콘텐츠를 배치하는 방식으로 생각하면 쉽습니다.
행과 열 사이 간격
카드, 갤러리, 전체 페이지 구획의 리듬을 일정하게 유지합니다.
좁은 화면에서 한 열
복잡한 영역을 세로 흐름으로 바꿔 스크롤 읽기를 자연스럽게 만듭니다.
핵심CSS Grid 레이아웃 설계표은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.