[BUG] CSS Issues, JavaScript Errors, and Image Optimization Problems

[aadityaa29]

Hi, @GarimaSingh0109

Description

I noticed several issues affecting the website's performance and usability. CSS is causing layout problems on different devices, JavaScript errors are preventing interactive features from functioning, and images are not optimized, leading to slow load times.

The site has overlapping text and misaligned elements. JavaScript errors can be found in the console, causing certain functionalities to fail. Additionally, large image sizes contribute to slow loading.

Steps to Reproduce

1. Go to the website.
2. Resize the browser window to a smaller screen.
3. Check the console for JavaScript errors.

Expected Behavior

The site should display correctly on all devices, with all interactive elements functioning seamlessly, and images should load quickly.

Actual Behavior

Elements overlap on smaller screens, JavaScript errors appear in the console, and the site takes a long time to load due to unoptimized images.

Additional Information

Images should be compressed for web use, and JavaScript errors need to be debugged to enhance user experience.

Browser

Chrome

Checklist

• [X] I have checked the existing issues.
• [X] I have read the Code Of Conduct
• [X] The changes don't break the code
• [X] Please attach screenshots and videos of the development work once done

[github-actions[bot]]

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.