💡[Feature]: Sponsors Page Responsive Fix, Tab Stabilization, and UI Polish

[iaadillatif]

Is there an existing issue for this?

• I have searched the existing issues

Feature Description

The Sponsors page required improvements in responsiveness, layout stability, and UI consistency without altering desktop design.

The following enhancements are proposed:

1. Fix layout overflow and responsiveness issues below 968px.
2. Prevent heading from being hidden behind the navbar in tablet range 768 to 996px.
3. Stabilize tab layout to prevent wrapping, clipping, and horizontal scroll.
4. Maintain 2-column sponsor card grid on mobile.
5. Improve visual polish of tab buttons.
6. Enhance gradient styling for “Our Valued Sponsors” heading.

All changes are scoped strictly to the Sponsors page without affecting other pages or desktop layout.

Use Case

On mobile and tablet devices, users were experiencing:

• Horizontal scrolling
• Misaligned content
• Tabs wrapping incorrectly
• Heading partially hidden behind navbar
• Layout instability due to global CSS conflicts

This feature ensures a clean, responsive, stable, and premium experience across all screen sizes.

Benefits

• Improved mobile and tablet usability
• No layout overflow or horizontal scroll
• Stable two-button tab system
• Preserved desktop experience
• Isolated CSS preventing cross-page style conflicts
• Stronger brand consistency with refined gradient and tab styling
• Successful CSS build with no syntax errors

Add ScreenShots

Before mobile overflow fix:

Before tab wrapping issue:

Priority

High

Record

• I have read the Contributing Guidelines
• Are you a WSOC'25 contributor
• I want to work on this issue

[github-actions]

Thanks for opening this issue! 🎉 We'll look into it as soon as possible, estimated time for response is 5–8 hrs.

Don't raise PR unless assigned to you.

In the meantime, please provide all necessary details and context to your issue — screenshots or videos of your changes help speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your issue goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Resources which can help you know more about Github 👇🏻

1. End to End GitHub Beginner Playlist: GitHub Playlist.

2. Build your GitHub Profile: GitHub Profile Optimisation.

3. GitHub Handbook for dummies: GitHub Blog for Beginners.

[iaadillatif]

@sanjay-kv Sir please assign this issue to me

[github-actions]

👤 Issue assigned to @iaadillatif.

[github-actions]

✅ This issue has been closed. Thank you for your contribution!