Fix#385 YoutubeHeroSection에 gap 속성 추가

[toothlessdev]

✅ Linked Issue

• resolve [✨ 기능 요청] 메인페이지 youtube embed 영상 삽입 #385

Summary by CodeRabbit

• Style
  • Introduced consistent spacing between elements in the YouTube Hero section, improving visual clarity and readability.
  • Adjusts vertical gaps within the hero wrapper without changing layout structure or behavior.
  • No functional changes; purely cosmetic update to enhance spacing and overall UI polish.

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

A single SCSS change adds gap: 1rem to the .yt_hero_section__wrapper flex container in YoutubeHeroSection.module.scss, introducing spacing between its direct children. No other selectors or exported entities are changed.

Changes

Cohort / File(s)	Summary of Changes
Home widget styles mosu-app/src/widgets/home/YoutubeHeroSection.module.scss	Added gap: 1rem to .yt_hero_section__wrapper to create spacing between flex children; all other rules unchanged.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Assessment against linked issues

Objective	Addressed	Explanation
Add YouTube embed video on main page (#385)	❌	No embed implementation added; only spacing style updated.

Poem

A bunny nudged the styles—just a tap, just a snap,
A 1rem hop of space in the hero’s lap.
No videos yet, but the stage feels right,
Padding the hush for a future spotlight.
Thump-thump, CSS—prepping the burrow for delight!

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 01e634a and 821bc73.

📒 Files selected for processing (1)

• mosu-app/src/widgets/home/YoutubeHeroSection.module.scss (1 hunks)

✨ Finishing Touches

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feature#385

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
mosu-client	Ready	Preview	Comment	Sep 6, 2025 6:52am

[github-actions]

	Warnings
⚠️	PR에 Reviewers가 지정되어 있지 않습니다. 리뷰어를 지정해주세요.

	Messages
📖	✅ PR 제목에 이슈 번호가 포함되어 있습니다.
📖	✅ PR에 라벨이 지정되어 있습니다.
📖	✅ PR에 Assignees가 지정되어 있습니다.
📖	✅ package.json에 변경사항이 없습니다.
📖	✅ 브랜치 이름 'feature#385'이 컨벤션을 따릅니다.
📖	✅ TypeScript 컴파일이 성공적으로 완료되었습니다.
📖	✅ ESLint 검사 결과 문제가 없습니다.

📝 추가 및 변경된 파일

총 1개 파일 변경

└── 📂 mosu-app/
    └── 📂 src/
        └── 📂 widgets/
            └── 📂 home/
                └── 📄 YoutubeHeroSection.module.scss

Generated by 🚫 dangerJS against 821bc73

[github-actions]

📚 Storybook이 Chromatic에 배포되었습니다!

• 🔗 Storybook Preview: https://www.chromatic.com/build?appId=68627ee20725077171386a15&number=226
• 🚀 Chromatic Build: https://www.chromatic.com/build?appId=68627ee20725077171386a15&number=226