그리드는 디자인 요소의 위치, 간격, 크기 및 비율을 관리하여 화면의 일관성을 유지하기 위해 구성된 구조입니다.
12-Column Grid
12 column 구성을 원칙으로 하며 각 row는 1 column 단위로 확장하거나 분할하여 구성할 수 있습니다.
화면 내 섹션은 1column 단위의 고정(fixed) 그리드 방식으로 구성하며, 필요에 따라 유연한(fluid) 그리드 방식을 사용할 수 있습니다. 이 경우에는 1column의 절반 단위로 구성할 수 있습니다.
Margins
마진은 Grid의 테두리 바깥쪽 여백을 말합니다. 항상 고정된 크기를 유지하고 넓힐 경우에는 8의 배수로 너비를 적용합니다.
Breakpoints
화면 중단점에 따라 각 column의 너비, 마진, 적용 개수 등이 변경하여 사용합니다.
