CSS Grid란?
Flexbox가 1차원이라면 Grid는 2차원(행 + 열)이다.
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto 1fr auto;
gap: 16px;강점
- 복잡한 대시보드·매거진 레이아웃
- subgrid로 중첩 그리드 정렬
2차원 CSS 레이아웃 시스템. 행·열 동시 제어로 복잡한 레이아웃 표현.
Flexbox가 1차원이라면 Grid는 2차원(행 + 열)이다.
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto 1fr auto;
gap: 16px;