[Bug]: Navbar fixes - responsiveness and color

[ayush-t02]

Give a brief about the bug ✍️

The current navbar is not responsive. I propose to make the navbar responsive and also make it transparent (change the font color for links for better viewing)

What is the expected behavior? 🤔

1. Navbar is responsive - doesnt overlap with any content
2. Navbar is transparent with proper color shades for links.

Provide step by step information reproduce the bug 📄

The bug is clearly visible when inspected in the browser.

Select program in which you are contributing

GSSoC24

Code of Conduct

• [X] I follow CONTRIBUTING GUIDELINE of this project.

[github-actions[bot]]

Hey @ayush-t02! 👋

👉 Thanks for opening this issue. We appreciate your contribution and will look into it as soon as possible. 👉 Don’t forget to star our Dot-Box and Follow Us on GitHub 👉 Make sure you join our Discord, we have created separate channels for all projects

[HarshitGupta1511]

please assign this issue to me @ayush-t02 ,I want to work on this issue and fix it

[HarshitGupta1511]

sir I think once the PR was closed , that's the issue, please reassign it with proper label , so that I can get points for this PR