[KwonNayeon]

Closes #18

프로그램 페이지 부제가 컨테이너보다 훨씬 일찍 줄바꿈되던 문제를 해결했습니다.

이슈에서 조언해 주신 대로 .page-intro를 페이지가 아니라 문구의 역할에 따라 나눴습니다. .page-intro는 넓은 페이지의 짧은 부제로 쓰이면서 동시에 /sponsor, /about의 좁은 본문 칸(.prose-section) 안 문단으로도 쓰이고 있어서, 한쪽에 맞춰 변경하면 다른 쪽이 어색해지는 문제가 있었습니다.

변경 사항

• .page-intro, .section-sub (짧은 부제): text-wrap: balance, max-width: 760px
• .prose-intro (본문 문단, 새로 추가): 기존 .page-intro 값(max-width: 620px, text-wrap: pretty)을 그대로 옮김
• SponsorPage.tsx, AboutPage.tsx: 본문 문단 세 곳을 prose-intro로 변경

페이지별 결과

• /programs: 부제의 마지막 줄에 짧은 어절만 남는 현상이 사라졌습니다.
• /community, 홈 섹션 부제: 변경 전후 화면이 동일합니다.
• /sponsor, /about: 변경 전후 화면이 동일합니다.

변경 전

변경 후

참고: 영어 페이지

영어 부제의 경우 balance 때문에 끊기는 위치가 "so we / can keep"처럼 바뀌어서 변경 전과 비교했을 때 줄 길이가 다소 어색해졌습니다. 반면 리뷰의 경우 줄바꿈이 개선되었습니다.

변경 전

변경 후

확인

• bun run typecheck, bunx vp check, bun run build, bun run test 통과

이 PR은 Claude Code의 도움을 받아 작업했습니다.

[chatgpt-codex-connector]

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review	Status	Commit	Review trigger
📝 Code Review	🔄 Running since 2026-10-29T14:03:10.237596Z	faa7c72	PR opened

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

[DaleSeo]

이슈에서 논의한 방향대로 깔끔하게 구현해 주셔서 감사합니다! 전후 스크린샷 덕분에 리뷰하기 수월했어요. 🙏

[DaleSeo]

@all-contributors please add @KwonNayeon for code

[allcontributors]

@DaleSeo

I've put up a pull request to add @KwonNayeon! 🎉

[KwonNayeon]

@DaleSeo 달레님 리뷰 감사합니다! 조언해 주신 덕분에 기존 문제를 수월하게 해결할 수 있었습니다😊