콘텐츠 순위
핵심 제목, 주요 액션, 상태 정보, 보조 설명의 우선순위를 먼저 정한다. · content first
breakpoint와 콘텐츠 우선순위 대응표
화면 폭이 줄어들 때 무엇을 숨기는지가 아니라 어떤 정보가 먼저 남아야 하는지 기준을 세운다.
레이아웃 전환
grid 열 수, sidebar 위치, card 밀도를 폭 기준에 맞춰 바꾼다. · breakpoint
터치 영역
모바일에서는 버튼 간격과 입력 필드 높이가 조작 가능한지 확인한다. · tap target
실데이터 검증
긴 한국어 제목, 영문 URL, 숫자 표가 깨지지 않는지 실제 콘텐츠로 본다. · real copy
줄바꿈
긴 단어와 버튼 문구가 컨테이너 밖으로 넘치지 않는다.
핵심breakpoint와 콘텐츠 우선순위 대응표은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.