[BUG] Navbar not responsive on smaller screens

[rakshitha2706]

Describe the bug
The navigation bar (Home, About, Contact, Sign Up) becomes cramped and overlaps on smaller screens. The links do not stack or collapse properly, causing layout issues.

To Reproduce
Steps to reproduce the behavior:

1. Go to the ChatterSpace homepage.
2. Resize the browser window to tablet/mobile width (below 768px).
3. Observe that the navbar items are cramped and not displayed properly.

Expected behavior

Navbar should collapse into a hamburger menu or stacked layout on smaller screens.
Proper spacing and padding between links should be maintained.
"Sign Up" button should remain visible or move into a dropdown menu.

Screenshots

Additional context
This affects the responsiveness and usability of the app on mobile devices. A fix with CSS media queries (and possibly a hamburger menu component) will improve the UI/UX.

Contributing under OSCI'25 (Open Source Connect - 2025)

[rupali-codes]

@rakshitha2706 thanks, you are assigned. You can start working on it and submit a PR whenever you are ready.

[rakshitha2706]

Ok, Thank you!

…

On Sun, Aug 31, 2025, 10:47 PM Rupali Haldiya ***@***.***> wrote: *rupali-codes* left a comment (devayanm/ChatterSpace#91) <#91 (comment)> @rakshitha2706 <https://github.com/rakshitha2706> thanks, you are assigned. You can start working on it and submit a PR whenever you are ready. — Reply to this email directly, view it on GitHub <#91 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BR4QDHBOL5AIPYQ34UY65V33QMUZXAVCNFSM6AAAAACFIK2GLSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTENBQGI4DKNZXGA> . You are receiving this because you were mentioned.Message ID: ***@***.***>