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

[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 https://github.com/SUGAM-ARORA/UniCollab/issues/194#issuecomment-2159773471, 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