Last updated 6 years ago
규칙적인 그리드 레이아웃 디자인을 CSS Grid로 구현하는 방법에 대해 학습합니다.
Gallery Grid 레이아웃
12 Column Grid 레이아웃
3 Column Grid 레이아웃
일관된 규칙으로 구성된 그리드는 공간과 이미지 텍스트 배치에 패턴을 제공 함으로 레이아웃에 안정감을 제공합니다.
일정한 컬럼 너비와 간격을 설정하는 것은 CSS Grid를 사용하면 매우 손쉽게 구현할 수 있습니다. 남은 일은 적정 위치에 그리드 아이템 요소를 배치하는 것입니다.
