responsive ui
반응형 디자인은 화면 폭보다 콘텐츠 우선순위를 먼저 정한다
줄바꿈, 숨김, 재배치가 필요한 요소를 콘텐츠 중요도 기준으로 나눕니다.
core
핵심 유지
제목, 주요 값, 기본 액션은 작은 화면에서도 가장 먼저 보이게 둡니다.
support
보조 이동
설명, 메타 정보, 보조 버튼은 아래로 이동하거나 접을 수 있습니다.
touch
터치 목표
버튼과 링크는 모바일에서 충분한 높이와 간격을 확보합니다.
breakpoint
전환 기준
디바이스 이름보다 실제 레이아웃이 답답해지는 폭을 breakpoint로 잡습니다.