[Bug]: Title: Website Responsiveness Issue

[Ankul8471]

Bug Description

The website is not responsive, causing layout and usability issues on different screen sizes, especially on mobile and tablet devices.

Provide a detailed description of the bug

The website lacks responsiveness across different screen sizes, which leads to an inconsistent user experience, especially on mobile and tablet devices. Key elements such as images, text, and buttons do not adjust properly, leading to layout issues and difficulty in navigation. I propose enhancing the website's responsiveness by implementing flexible grid systems, media queries, and scalable UI components to ensure a seamless experience across all device types.

Expected Behavior

The website should adapt seamlessly to different screen sizes, ensuring that all elements, including text, images, and navigation, adjust properly to provide a consistent and user-friendly experience across desktop, tablet, and mobile devices.

What browsers are you seeing the problem on?

Chrome

Put here any screenshots or videos (optional)

By submitting this issue, you agree to

• I agree to follow this project's Code of Conduct
• I’ve read all the issues in the issue section, and this has not been reported yet.

Other Information

• I'm a GSSoC '24 Extended contributor
• I'm a Hacktoberfest '24 contributor
• I am willing to work on this issue (optional)

[github-actions]

@Ankul8471

Thank you for raising this issue! 🎉🙌

We truly appreciate your contribution to this project and will review the details shortly. 🛠️✨
We will get back to you soon!

Thank you for your patience! 🙏

[Ankul8471]

@maniyaom please assign me this issue