breakpoint는 화면 폭이 아니라 레이아웃이 깨지는 순간에 둔다
콘텐츠가 읽히지 않거나 조작하기 어려워지는 지점을 기준으로 grid 열 수, 간격, 표시 방식을 바꾼다.
Content
실제 텍스트
가장 긴 값 확인
Layout stress
줄바꿈/overflow
깨지는 폭 찾기
Breakpoint
전환 규칙
열 수와 간격 변경
Verify
mobile/tablet
읽기와 조작 확인
전환
바꾸는 것
주의
3열 -> 2열
카드 폭 확보
정보 순서 유지
표 -> 행 카드
라벨 보존
값 대응 흐림 금지
nav collapse
공간 절약
접근성 유지
image ratio
비율 고정
잘림 확인