- 살짝 수정 패턴:
- 레이아웃 변화 x
- 글자 크기, 이미지 크기만 변화
- 유동형 패턴 :
- 레이아웃 변화 x
- 콘텐츠 양옆에 여백(큰 화면) ~ 콘텐츠가 수직으로 쌓여 표시(모바일 화면)
- 칼럼 드롭 패턴
- 레이아웃 변화 o
- 여러 칼럼으로 구성된 레이아웃에서 화면 너비가 좁아지면 격자공간이 다음 줄로 넘어감.
- 레이아웃 이동 패턴
- 레이아웃 변화 o
- 칼럼 드롭 패턴과 유사하지만, 칼럼의 순서에 구애받지 않고 일부 요소를 화면에서 감추는 등 레이아웃 자체가 달라짐
- 캔버스 밖으로 패턴
- 레이아웃 변화 o
- 콘텐츠를 화면 밖에 감춰 두었다가 사용자가 필요할 때만 화면에 꺼내오는 패턴