Skip to content

fix: make landing page responsive for mobile devices - #46

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

fix: make landing page responsive for mobile devices#46
key1989han wants to merge 1 commit into
iii123iii:mainfrom
key1989han:fix/responsive-landing-1784192570

Conversation

@key1989han

Copy link
Copy Markdown

Issue

Closes #3

Summary

Made the landing page fully responsive for mobile devices.

Changes

  • Decorative orbs: fixed px -> clamp() responsive
  • Hero grid stacks vertically on mobile
  • Tool grid: 1-col -> 2-col -> 4-col responsive
  • Footer stacks vertically on mobile
  • Reduced vertical padding on small screens
  • overflow-x-hidden to prevent horizontal scroll

Acceptance criteria

  • Page looks good on mobile (320px+)
  • No horizontal scroll
  • All content accessible on mobile
  • Desktop layout unchanged

Bounty

/claim #3 $100

- Decorative orbs: fixed px -> clamp() responsive
- Hero grid stacks vertically on mobile
- Tool grid: 1-col -> 2-col -> 4-col
- Footer stacks vertically on mobile
- Reduced vertical padding on small screens
- overflow-x-hidden to prevent horizontal scroll

Closes iii123iii#3
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