Skip to content

fix(contributors): improve grid layout, card structure and GitHub icon alignment#879

Open
Eshita-Badhe wants to merge 9 commits intosayeeg-11:mainfrom
Eshita-Badhe:fix/contributors-layout
Open

fix(contributors): improve grid layout, card structure and GitHub icon alignment#879
Eshita-Badhe wants to merge 9 commits intosayeeg-11:mainfrom
Eshita-Badhe:fix/contributors-layout

Conversation

@Eshita-Badhe
Copy link
Contributor

📝 Description

This PR improves the Contributors page layout and fixes GitHub icon alignment issues.

✨ Changes Made

  • Refactored contributors grid layout for better spacing and responsiveness
  • Improved contributor card structure and internal flex alignment
  • Fixed GitHub icon appearing misaligned / overlapping card border
  • Removed conflicting layout rules causing inconsistent positioning
  • Ensured consistent icon styling across all cards
  • Verified dark mode compatibility

🎯 UI Improvements

  • Cards now maintain consistent spacing across breakpoints
  • GitHub icon remains properly aligned inside card
  • No overflow or border overlap on hover
  • Cleaner visual hierarchy

🔗 Related Issue

Closes #851

📸 Screenshots

image
  • This PR includes UI/UX changes → Screenshots attached
  • This PR does NOT include UI/UX changes

Note: I have worked on this under SWoC26..!
@sayeeg-11, please review...

Eshita-Badhe and others added 9 commits February 18, 2026 18:37
- Removed hardcoded #ffffff hover background
- Applied dark-mode specific hover styling
- Ensured consistent card elevation and contrast
…mode improvements

- Added new open source programs
- Introduced label badges (Paid, Global, Beginner-Friendly, etc.)
- Implemented filter functionality (Level, Type, Region, Status)
- Upgraded filter UI with premium styling
- Fixed dropdown arrow visibility
- Fixed dark mode select background
- Improved heading contrast in dark mode
- Improved overall scalability and UX
…mode improvements

- Added new open source programs
- Introduced label badges (Paid, Global, Beginner-Friendly, etc.)
- Implemented filter functionality (Level, Type, Region, Status)
- Upgraded filter UI with premium styling
- Fixed dropdown arrow visibility
- Fixed dark mode select background
- Improved heading contrast in dark mode
- Improved overall scalability and UX
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.

Contributors Grid Layout Inconsistent

1 participant

Comments