Skip to content

fix: mobile responsive polish for key components#1030

Open
will422-l wants to merge 1 commit intoSolFoundry:mainfrom
will422-l:fix/mobile-responsive-polish
Open

fix: mobile responsive polish for key components#1030
will422-l wants to merge 1 commit intoSolFoundry:mainfrom
will422-l:fix/mobile-responsive-polish

Conversation

@will422-l
Copy link
Copy Markdown

Summary

This PR improves mobile responsiveness across the main user-facing components.

Changes

HeroSection

  • Smaller headline on mobile (text-3xl → scales up to text-5xl)
  • Terminal card with horizontal margins on mobile
  • Stats strip wraps on small screens, hides separators

BountyCard

  • Smaller padding (p-4 on mobile, p-5 on desktop)
  • Smaller title font on mobile
  • Hides deadline on small screens to reduce clutter

BountyDetail

  • Responsive header layout (stacked on mobile, side-by-side on desktop)
  • Smaller reward font, section padding
  • Sidebar stacks above content on mobile

BountyGrid

  • 2-column grid kicks in at sm: instead of md:
  • Smaller gap on mobile

ProfileDashboard

  • Responsive header with stacked avatar on mobile
  • Tab switcher scrolls horizontally
  • Earnings cards stack vertically on mobile

Remaining work (not included):

  • Full testing on actual devices
  • Touch gesture improvements
  • Additional pages (Leaderboard, How It Works)

If you need the complete mobile polish including testing and additional pages, feel free to reach out.

Closes #833

- HeroSection: smaller headline on mobile, terminal card margins
- BountyCard: smaller padding/font on mobile, hide deadline on small screens
- BountyDetail: responsive layout for header/sidebar, smaller padding
- BountyGrid: 2-column grid on tablet (sm:), smaller gap on mobile
- ProfileDashboard: responsive header, tabs, earnings cards

This addresses the main mobile usability issues. Additional polish
can be done for other pages if needed.

Ref: 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