[Bug]: "Website Not Responsive on Different Screen Sizes"

[Ankul8471]

Bug Description

The website is not responsive, causing layout issues and misaligned elements on different screen sizes and devices.

Provide a detailed description of the bug

The website is currently not responsive and does not adjust properly across various screen sizes and devices, leading to a poor user experience. Key elements such as the navbar, images, and text become misaligned or overflow outside the viewport on smaller screens (mobile and tablet), while larger screens do not scale content effectively.

Expected Behavior

The website layout should adapt to different screen sizes and orientations using responsive design principles (media queries, flexible grid systems).
The navbar, images, and text should resize or reposition appropriately without overflowing or becoming distorted.
The design should maintain consistency and usability across all devices.

What browsers are you seeing the problem on?

No response

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! 🙏