[Fix] 반응형 레이아웃 구성

[ParkSeongGeun]

#18

개요

• GeometryReader로 화면 크기에 따라 동적으로 레이아웃 조정
• 추가사항
  • OnboardingGray Color set 추가
  • 동적 spacing - min(40, geometry.size.height * 0.05) 로 작은 화면에서 spacing 감소
  • 동적 이미지 높이 - min(300, geometry.size.height * 0.4) 로 화면 비율에 맞춰 조정

스크린샷

• 실제 어플을 실행시키면 아래와 같이 동작합니다.

iPhone SE3	iPhone 16 pro
2025-11-15.6.56.00.mov	2025-11-15.6.56.52.mov

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix/layout-18

---

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.}