열의 규칙
몇 열인지, 각 열이 고정인지 유동인지 정합니다. fr 단위는 남는 공간을 나눕니다.
페이지 골격, 대시보드, 갤러리처럼 가로와 세로 관계가 동시에 중요할 때 Grid가 구조를 선명하게 만듭니다.
몇 열인지, 각 열이 고정인지 유동인지 정합니다. fr 단위는 남는 공간을 나눕니다.
header, main, aside처럼 큰 레이아웃을 이름으로 배치하면 구조가 눈에 보입니다.
셀 사이 간격은 마진보다 gap으로 통일하면 줄과 열의 리듬이 일정합니다.
카드 목록은 repeat, auto-fit, minmax를 조합해 화면 폭에 따라 열 수를 바꿉니다.
모든 열을 고정 px로 잡으면 작은 화면에서 넘치기 쉽습니다. 유동 단위와 미디어 쿼리를 함께 계획하세요.