Skip to content

fix: improve mobile responsiveness at 375px and 768px breakpoints#1377

Open
duongynhi000005-oss wants to merge 1 commit into
SolFoundry:mainfrom
duongynhi000005-oss:mobile-responsive-polish
Open

fix: improve mobile responsiveness at 375px and 768px breakpoints#1377
duongynhi000005-oss wants to merge 1 commit into
SolFoundry:mainfrom
duongynhi000005-oss:mobile-responsive-polish

Conversation

@duongynhi000005-oss
Copy link
Copy Markdown

Polishes the mobile experience for the hero section at 375px and 768px breakpoints.

Changes

  • Terminal card: Reduced font size and padding on small screens, added to prevent typewriter text overflow
  • Headline: Scales from on mobile → sm → md
  • CTA buttons: Stack vertically on mobile, row on sm+
  • Stats strip: Wraps on small screens with reduced gap, smaller font on mobile
  • Spacing: Adjusted margins for tighter mobile layout

Testing

Verified layout at 375px and 768px widths — no horizontal scroll, all content readable.

Closes #833

- Reduce terminal font size and padding on small screens
- Add max-w-full to typewriter text to prevent overflow
- Scale headline font from text-3xl on mobile to text-5xl on desktop
- Make CTA buttons stack vertically on mobile
- Wrap stats strip and reduce gap on small screens
- Adjust spacing throughout for better mobile UX

Closes SolFoundry#833
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

missing-wallet PR is missing a Solana wallet for bounty payout

Projects

None yet

Development

Successfully merging this pull request may close these issues.

🏭 Bounty T1: Mobile Responsive Polish

1 participant