page is not responsive al all

[devagya-rattan]

Describe the bug
The website's responsive design is failing on multiple device sizes. Specifically, on small screens (e.g., smartphones with a width of 320px or less), the navigation menu overlaps with the header content,

To Reproduce
Navigation Menu: Implement a media query targeting screens with a width of 320px or less to adjust the styling of the navigation menu. Consider using a collapsible menu or hamburger icon to save space.
Images
: Ensure images use responsive design techniques, such as setting the max-width to 100% and height to auto, to maintain their aspect ratio and fit within the screen dimensions.
Horizontal Scrolling:
Review the CSS for any fixed-width elements that may be causing horizontal scrolling and adjust them to be responsive. Use relative units like percentages or viewport widths (vw) instead of fixed pixels.

Screenshots

[github-actions]

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.

[devagya-rattan]

Please assign me this issue

[SUGAM-ARORA]

@devagya-rattan Issue assigned to you

[Ad2iti2003]

Please assign me this issue

[devagya-rattan]

You can work on it I have some other work to do

…

On Tue, 11 Jun 2024, 10:03 Ad2iti2003, ***@***.***> wrote: Please assign me this issue — Reply to this email directly, view it on GitHub <#194 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A2W5TLLHLXLJIY5ORCQMFQLZGZ42BAVCNFSM6AAAAABISECJBOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCNJZG43TGNBXGE> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[SUGAM-ARORA]

@Ad2iti2003 Are you up for this?

[Tejsvapandey1]

@SUGAM-ARORA can i work on this

[SUGAM-ARORA]

@Tejsvapandey1 Yes you can work on this. When the required changes has been made you can tag me