Fix the Responsiveness of the website

[shreya-mishra325]

Description

I noticed that the website currently fits only on large screens (PCs/Laptops). However, most users access websites through mobile devices, so making the website responsive across all screen sizes is vital.

Expected Behavior

• The website layout should adapt to different screen sizes (mobile, tablet, desktop).
• Content should remain readable and accessible on smaller devices.

Steps to Reproduce

1. Open the website on a mobile phone or resize the browser window to a smaller width.
2. Notice that the layout does not adjust properly and looks optimized only for large screens.

Suggested Solution

• Implement responsive design using CSS media queries or a responsive framework.
• Test the website on multiple screen sizes (mobile, tablet, desktop).

Priority

High – improves usability and accessibility for the majority of users.

Hey I am a GSSoC contributor. Please assign this to me so that I can start working on it ASAP. Also, mark it with appropriate gssoc labels and Level 3

[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. 😊

[omroy07]

Assigned

[shreya-mishra325]

It's not a level 1 task, fixing the responsiveness of a website is actually a Level 3 task. Kindly consider changing the level.

[omroy07]

No it is level2 only so i hange it level 2

[Ananya-CM]

@omroy07 Can you please assign this to me ?
I guess no one is working on this.

[shreya-mishra325]

@Ananya-CM the website is already responsive.

[Muskankr]

Hi @omroy07, I would like to work on this issue as NSOC'26 Contributor. Could you please assign this to me?