작은 화면에서 먼저 읽히게 만들고, 공간이 충분해지는 지점마다 열과 여백을 확장합니다.
페이지 폭이 기기 폭과 맞아야 미디어 쿼리와 터치 크기가 예측대로 동작합니다.
이미지와 본문 컨테이너는 부모보다 커지지 않게 제한하고, 넓은 화면에는 상한을 둡니다.
기기 이름보다 콘텐츠가 답답해지는 폭을 기준으로 열 수와 간격을 바꿉니다.
%, fr, rem을 섞어 화면 변화에 따라 늘고 줄어드는 레이아웃을 만듭니다.
작은 화면에서 글자를 과하게 줄이지 마세요. 본문은 12px 이상을 유지하고 줄바꿈과 여백으로 해결합니다.