Skip to content

fix: make landing page fully responsive for mobile devices ( bounty) - #79

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

fix: make landing page fully responsive for mobile devices ( bounty)#79
Kasuki354 wants to merge 1 commit into
iii123iii:mainfrom
Kasuki354:fix/responsive-landing

Conversation

@Kasuki354

Copy link
Copy Markdown

Summary

Makes the CrystalPDF landing page fully responsive for mobile devices.

Changes

  1. Nav: Smaller padding (px-4) and height (h-14) on mobile, scaling up on larger screens
  2. Hero section: Reduced padding on mobile (pt-12 pb-16), smaller gap (gap-8)
  3. Tools grid: 1 column on mobile, 2 on tablet (sm), 4 on desktop (md) - was 2 cols on mobile which was too cramped
  4. Tool cards: Reduced padding on mobile (p-4) for better space usage
  5. How it works: Reduced section padding on mobile (py-16)
  6. Step rows: Smaller gap on mobile (gap-3 vs gap-5)
  7. CTA section: Buttons stack vertically on mobile (flex-col sm:flex-row), reduced padding
  8. Footer: Stacks vertically on mobile (flex-col sm:flex-row), reduced padding
  9. Section headers: Reduced margin on mobile (mb-10)

Testing

Tested on mobile viewport widths (320px, 375px, 414px) - all sections now display properly without horizontal scroll or cramped layouts.

Resolves #3

- Nav: smaller padding and height on mobile (px-4 h-14)
- Hero: reduced padding on mobile, smaller gap
- Tools grid: 1 column on mobile, 2 on tablet, 4 on desktop
- Tool cards: reduced padding on mobile
- How it works: reduced padding on mobile
- Step rows: smaller gap on mobile
- CTA: stack buttons vertically on mobile, reduced padding
- Footer: stack vertically on mobile
- All sections: responsive padding (px-4 sm:px-6)

Resolves iii123iii#3
laurentketterle-hub pushed a commit to laurentketterle-hub/Crystal-PDF that referenced this pull request Aug 10, 2026
laurentketterle-hub pushed a commit to laurentketterle-hub/Crystal-PDF that referenced this pull request Aug 10, 2026
laurentketterle-hub pushed a commit to laurentketterle-hub/Crystal-PDF that referenced this pull request Aug 10, 2026
laurentketterle-hub pushed a commit to laurentketterle-hub/Crystal-PDF that referenced this pull request Aug 10, 2026
laurentketterle-hub pushed a commit to laurentketterle-hub/Crystal-PDF that referenced this pull request Aug 11, 2026
laurentketterle-hub added a commit to laurentketterle-hub/Crystal-PDF that referenced this pull request Aug 11, 2026
laurentketterle-hub added a commit to laurentketterle-hub/Crystal-PDF that referenced this pull request Aug 11, 2026
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