[Bug]: Navbar is not responsive on mobile devices

[chethanamp22-tech]

What happened?

Expected: The navbar should collapse into a hamburger menu on mobile screens,
allowing users to access all navigation links.
Actual: The navbar does not collapse on mobile. All nav links are hidden and
there is no hamburger menu, making navigation impossible on small screens.

Steps to reproduce

1. Open the DevPath website
2. Open DevTools (F12) and switch to mobile view, or open on a real mobile device
3. Observe the navbar at the top of the page
4. The navigation links (Home, How It Works, Features, Find Project, Compare, Contact)
   are not visible and no hamburger menu appears

Expected behaviour

A hamburger (☰) menu icon should appear on mobile screens. Clicking it should
toggle a dropdown/sidebar showing all navigation links.

20260610-0849-20.7578383.mp4

Area of the app affected

Homepage form

Python version

N/A

Operating system

Windows 11

Relevant error output or logs

Before submitting

• I searched existing issues and this has not been reported before.
• I can reproduce this bug consistently with the steps above.
• I am running the latest version of the main branch.

[github-actions]

Thank you for opening your first issue in DevPath.

Please make sure to:

• Read CONTRIBUTING.md
• Wait for assignment before starting work
• Follow repository guidelines carefully

Happy contributing.

[chethanamp22-tech]

/assign

[YerraguntaAjayKumar]

/claim