Grid

그리드는 페이지의 일관성과 시각적 질서를 유지하기 위해 사용합니다.

Layout Grid

데스크탑 환경에서 사용되는 그리드예요. 가운데 영역에 고정하여 배치해요.

좌측에 사이드바 영역을 250px로 배치하고, 우측 남은 영역에 기본 PC 그리드를 동일하게 적용해요.

4분할 반응형 그리드로, Margin과 Gutter값만 고정해요.

최소 규격은 360px, 최대 규격은 599px로, 주로 모바일 환경에 대응해요.

최소 규격은 600px, 최대 규격은 899px로, 주로 태블릿 세로 규격에 대응해요.

최소 규격은 900px, 최대 규격은 1279px로, 주로 태블릿 가로 규격에 대응해요.

최소 규격은 가로 1280px, 그 이상의 모든 해상도에 적용되는 레이아웃으로, 데스크탑 환경에 대응해요.