[Bug]: Several component of the home page isn't responsive. [OSCI]

[ManabBiswas]

🔍 Description

The home page or landing page is not responsive at all.
when we try to open it in smaller devices like tablets it gives issues

🧪 Steps to Reproduce

1. Go to home page of the website.
2. change display mode of that page by developer tool
3. try to change theme for better understanding

🎯 Expected vs. Actual Behavior

It should be responsive for all the devices like mobile , laptop, tablet.
But it is not responsive.

💻 Environment

windows 11, Chrome 139, Node 23

🖼️ Screenshots / Logs

✅ Duplicate Check

• I have searched the existing issues and found no duplicates.

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊

[suhaib-ilahi]

It seem fine now,
@maintainer can you please verify?

[Sandraa16012007]

Hey there! 👋 @Muneerali199
I’d like to take up this issue and work on making the home/landing page fully responsive across all device sizes (mobile, tablet, and desktop).

Here’s how I plan to approach it:

• First, I’ll inspect the current layout structure and identify the sections causing layout shifts or overflow issues on smaller screens.
• Then, I’ll refactor the CSS by adding appropriate media queries and using flexible units (like %, rem, vh, vw) to ensure components scale properly.
• I’ll also test the layout using Chrome DevTools for various devices and orientations to make sure everything looks consistent.
• Finally, I’ll verify that both light and dark themes maintain their styling and alignment after the fixes.

Once done, I’ll create a PR with clear before-and-after screenshots for easy review.
Please assign this issue to me. 🚀

[Muneerali199]

can you make a pr then will review it as soon as possible @suhaib-ilahi