Skip to content

fix: mobile-responsive landing page with hamburger nav (#3) - #53

Open
cornerblue wants to merge 1 commit into
iii123iii:mainfrom
cornerblue:fix/mobile-responsive-landing-cornerblue
Open

fix: mobile-responsive landing page with hamburger nav (#3)#53
cornerblue wants to merge 1 commit into
iii123iii:mainfrom
cornerblue:fix/mobile-responsive-landing-cornerblue

Conversation

@cornerblue

Copy link
Copy Markdown

Fixes #3

Summary

Production-ready mobile responsiveness for the CrystalPDF landing page, focused on real small-screen UX rather than padding-only tweaks.

Changes

  1. Mobile nav: hamburger with 44px touch targets + slide drawer for Sign in / Get started
  2. Layout: overflow-x-hidden, responsive horizontal padding (px-4 sm:px-6), tighter vertical spacing on small screens
  3. Hero: full-width CTAs on mobile; prism scales with min(280px, 70vw) and is visible on mobile above the headline
  4. Tools grid: stacks cleanly; card padding adapts
  5. Footer: column stack on mobile

Test plan

  • Open / at 375px width: no horizontal scroll
  • Hamburger opens/closes and links navigate
  • CTAs are easy to tap (full width on mobile)
  • Desktop (≥640px) keeps previous inline nav

Payment: prefer BTC to bc1qjtevjy8gldfhkra6n5g4yclpr5uafyd7k0j2ls if Opire allows crypto; otherwise standard Opire rail is fine.

/opire try

- Mobile hamburger nav with 44px touch targets and drawer
- overflow-x-hidden, responsive padding, full-width CTAs on small screens
- Prism visual scales on mobile and shows above hero copy
- Tools grid and footer stack cleanly on narrow viewports
@cornerblue

Copy link
Copy Markdown
Author

Ready for review @iii123iii — mobile landing with hamburger drawer, full-width mobile CTAs, responsive hero/prism, no horizontal scroll at 375px.

Differentiator vs padding-only PRs: real nav drawer + touch targets + prism visible on mobile.

Prefer BTC payout to bc1qjtevjy8gldfhkra6n5g4yclpr5uafyd7k0j2ls if Opire allows; otherwise standard Opire rail is fine.

Happy to iterate on any feedback same-day.

@cornerblue

Copy link
Copy Markdown
Author

Friendly ping @iii123iii — still ready for mobile review when you have bandwidth. Differentiator: hamburger drawer + touch targets + prism on mobile.

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.

Bug bounty 100 usd to whoever makes my landing page responsive for mobile

1 participant