eomsangdonandClaude Opus 5
4581194ca3
사용자 지적 — 창을 줄이면 내용이 밖으로 나가고 글자를 못 읽었음. 원인은 세 자리의 **고정 최소폭**과 flex 기본값이었음. - 계획노선|지형 2열이 `repeat(2, minmax(0,1fr))` 로 **고정**이라, 좁아지면 각 열이 카드 하나도 못 담고 넘쳤음 → `auto-fit` + `min(360px,100%)` 로 바꿔 스스로 1열로 접힘. - 카드 격자 `minmax(260px,…)` · 고르는 줄 `minmax(200px,…)` 는 그 폭 아래에서 넘침 → `min(…, 100%)` 로 컨테이너까지만 줄어들게 함. - 카드 머리줄에 min-width/max-width 를 주어 배지·[선택]·[×] 가 안 밀려 나가게 함. - 페이지 몸통(flex)에 min-width: 0 — 안 주면 안쪽 격자가 넘칠 때 몸통이 통째로 가로로 밀렸음. 실측(공용 브라우저): 폭 1400·1000·760·620·480 에서 여섯 컨테이너 모두 **넘침 0px**, 페이지 가로 스크롤 없음(scrollWidth = clientWidth). 트랙 폭도 확인 — 1400/1200 은 580·580(남는 트랙 0px), 1000·820 은 2열, 700 이하 1열. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Aislo
Aislo 웹앱