Skip to content

fix: make landing page fully responsive for mobile (Fixes #3) - #76

Open
laurentketterle-hub wants to merge 1 commit into
iii123iii:mainfrom
laurentketterle-hub:fix/landing-page-responsive
Open

fix: make landing page fully responsive for mobile (Fixes #3)#76
laurentketterle-hub wants to merge 1 commit into
iii123iii:mainfrom
laurentketterle-hub:fix/landing-page-responsive

Conversation

@laurentketterle-hub

Copy link
Copy Markdown

Fixes #3

Changes

  • Hero section: clamp-based responsive typography, stacked layout on mobile
  • Navbar: mobile-friendly with xs/sm breakpoints, compact padding
  • Tools grid: 2-col on mobile, 3-col on tablet, 4-col on desktop
  • How-it-works: responsive step connectors, mobile-optimized padding
  • Feature cards: responsive grid with proper mobile spacing
  • Footer: stacked layout on small screens
  • Tailwind config: added xs breakpoint for fine-grained mobile control
  • All sections: overflow-x-hidden to prevent horizontal scroll
  • Buttons: full-width on mobile, auto-width on desktop
  • Icons/spacing: scaled appropriately for small screens

/claim #3

Apply responsive design across all sections of the landing page:
- Hero: clamp-based typography, responsive spacing, stacked layout on mobile
- Navbar: mobile-friendly with xs/sm breakpoints, compact padding
- Tools grid: 2-col on mobile, 3-col on tablet, 4-col on desktop
- Steps/How-it-works: responsive connectors, mobile-optimized padding
- Feature cards: responsive grid with proper mobile spacing
- Footer: stacked layout on small screens
- Tailwind config: add xs breakpoint for better mobile control
- All sections: overflow-x-hidden to prevent horizontal scroll
- Buttons: full-width on mobile, auto-width on desktop
- Icons and spacing: scaled down appropriately for small screens

Closes iii123iii#3

Signed-off-by: laurentketterle-hub <noreply@users.noreply.github.com>
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

2 participants