- 글리프 크기를 화면 폭에서 파생. 격자 간격은 dx × width 로 폭에 비례하는데 글리프가 CSS px 고정이라 375px 에서 셀(7.7px)보다 커져(22px) 서로 겹쳐 덩어리가 됐다. - 좁은 화면(<640px)에서는 밴드를 링 뒤로 내리고 군집 라벨을 접는다. 모바일은 CTA 가 세로로 쌓여 세로 예산이 부족하고, 375px 에서 3군집을 나란히 두면 군집당 100px 남짓이라 어차피 판독이 안 된다. 의미는 순환 링이 담는다. - 히어로 상단 여백을 vh 대신 모바일 고정값으로. 헤더는 고정 높이라 pt-[7vh](모바일 57px)로는 헤더(약 70px)를 피할 수 없어 헤드라인이 겹쳤다. - 데스크톱 상단 여백 복원(14vh)과 밴드 재배치(0.575/0.155), 링 290px. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| sections | ||
| ui | ||