단 드롭 패턴 (Column Drop)
1. 정의
- 화면이 좁아져 더이상 콘텐츠를 표현하기 힘들 때, 내용을 묶어주는 단(column)을 아래로 내려서 콘텐츠 영역 확보
2. 구현
- order 속성을 이용하여 단을 변화 시킬 순서 지정
1) 1000px 이상일 때
2) 600~1000px 사이일 때
3) 600px 이하
'Front-End > LayoutPattern' 카테고리의 다른 글
| [CSS] 오프 캔버스 패턴(off Canvas) (0) | 2016.12.19 |
|---|---|
| [CSS] 작은 변화 패턴(Tiny Tweaks) (0) | 2016.12.18 |
| [CSS] 레이아웃 시프트 패턴(Layout shifter) (0) | 2016.12.18 |
| [CSS] 가변 그리드 패턴(Fluid Grids) (0) | 2016.12.18 |
리딩리드