핵심 유지
제목, 주요 값, 기본 액션은 작은 화면에서도 가장 먼저 보이게 둡니다.
반응형 컴포넌트 설계표
줄바꿈, 숨김, 재배치가 필요한 요소를 콘텐츠 중요도 기준으로 나눕니다.
보조 이동
설명, 메타 정보, 보조 버튼은 아래로 이동하거나 접을 수 있습니다.
터치 목표
버튼과 링크는 모바일에서 충분한 높이와 간격을 확보합니다.
CSS Module 전환 기준
디바이스 이름보다 실제 레이아웃이 답답해지는 폭을 breakpoint로 잡습니다.
핵심반응형 컴포넌트 설계표은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.