Next
Back
각 디바이스별 컨테이너 크기를 정의합니다.
Large PC (1440*812)를 Default 로 화면을 구성합니다.
컨테이너 사이즈는 아래 기준을 적용합니다.
Display Size 1440*812px
LPC Container 1280px
SPC Container 980px
Display Size 990*700px
Tab Container 780px
Display Size 375*782px
Mobile Container 100%
컨테이너 안쪽으로 양 옆 15px
패딩 값을 적용합니다.
컨테이너 안쪽으로 양 옆 16px
패딩 값을 적용합니다.
컨텐츠 레이아웃에 다음과 같은 그리드를 적용합니다.
컬럼 및 거터를 포함한 영역에 컨텐츠 및 컴포넌트를 배치할 수 있습니다.
Column에 맞춰 컴포넌트 레이아웃을 구성할 수 있습니다.
PC, Tab, Mobile 디바이스 별 지정된 컨테이너 중단점에 따라, 각각 다른 컬럼(열) 수를 사용합니다.
컬럼 사이의 공간인 거터 또한, 반응형 레이아웃에 따라 각각 다른 너비를 적용합니다.
Column Count 12개
Gutter 22px
Container Padding 15px
Column Count 9개
Gutter 15px
Container Padding 15px
Column Count 4개
Gutter 13px
Container Padding 16px