이 문제는 스레드 하단의 “추천” 게시물에서 카테고리 이름과 관련이 있는 것 같습니다.
서로 별개이지만 관련이 있는 두 가지 문제가 있는 것 같습니다:
- 초기 페이지 로드 후 뷰포트 크기가 줄어든 경우, 테이블이 올바르게 축소되지 않습니다:
이로 인해 table.topic-list가 #main-outlet-wrapper의 너비를 초과하게 됩니다.
- 별도로,
h3.more-topics__browse-more a.badge-category__wrapper는 (페이지가 페이지 로드 시 모바일 크기로 설정되었거나 축소되었는지에 관계없이) 잘림 처리(ellipsis)가 되지 않습니다. 이 또한 페이지가 너무 넓어지는 원인이 됩니다.max-width: 80vw또는 그 정도 값으로 강제할 수는 있지만, 넓은 모니터에서 의도하지 않은 결과를 초래할 수 있습니다.
