Skip to content

fix: mobile responsive polish for bounty cards (#824)#1358

Open
CHY9213 wants to merge 1 commit into
SolFoundry:mainfrom
CHY9213:feat/mobile-v2
Open

fix: mobile responsive polish for bounty cards (#824)#1358
CHY9213 wants to merge 1 commit into
SolFoundry:mainfrom
CHY9213:feat/mobile-v2

Conversation

@CHY9213
Copy link
Copy Markdown

@CHY9213 CHY9213 commented May 27, 2026

Mobile Responsive Polish for Bounty Cards

Improves the mobile experience for bounty cards at 375px and 768px breakpoints.

Changes

File Change
BountyCard.tsx Responsive padding: p-4 mobile / p-5 desktop
BountyCard.tsx Smaller repo name font on mobile (10px vs xs)
BountyCard.tsx Status badge: flow layout on mobile, absolute on desktop

Testing

  • ✅ 375px breakpoint: Cards stack properly, no overflow
  • ✅ 768px breakpoint: Cards use desktop layout
  • ✅ No visual regression on desktop (sm: classes only apply <640px)

Closes #824

Wallet: 2oWEBzKDQo9KYxAFYMPrR8QiwKJia4vbSXrbV4ep7eTz

Improve mobile experience for bounty cards at 375px breakpoint:
- Use responsive padding (p-4 mobile, p-5 desktop)
- Smaller repo name font on mobile (10px)
- Status badge uses flow layout on mobile, absolute on desktop

Closes SolFoundry#824

Wallet: 2oWEBzKDQo9KYxAFYMPrR8QiwKJia4vbSXrbV4ep7eTz
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.

🏭 Bounty T1: Mobile Responsive Polish for Bounty Cards

1 participant