Skip to content

fix: match the desktop phone mockup to iPhone 15 proportions - #24

Merged
JaDi03 merged 1 commit into
mainfrom
fix/desktop-iphone-proportion
Sep 2, 2026
Merged

JaDi03 merged 1 commit into
mainfrom
fix/desktop-iphone-proportion

Conversation

@JaDi03

@JaDi03 JaDi03 commented Sep 2, 2026 •

Copy link
Copy Markdown
Owner

Summary

  • Size the desktop chassis to an iPhone 15 CSS viewport (393x852) and scale the whole device together so type stays proportional.
  • Move Live app / hint copy to the side and keep the phone centered; drop the desktop-only 32px H1 bump.
  • Hint now says to open the site in Xverse or Ready on a phone.

Type looked oversized because the chassis was shorter than a real viewport and the H1 grew only on desktop.
@vercel

vercel Bot commented Sep 2, 2026 •

Copy link
Copy Markdown

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

Project Deployment Actions Updated
ghost-deal Ready Ready Preview Sep 2, 2026 2:23am UTC

@JaDi03
JaDi03 merged commit 3f07f5f into main Sep 2, 2026
3 checks passed
@JaDi03
JaDi03 deleted the fix/desktop-iphone-proportion branch September 2, 2026 02:25

This branch was successfully deployed

1 active deployment
Preview — 31affc97 Deployed Sep 2, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant