[FEAT]: Not Responsiveness in Navbar

[senthil-athiban]

Is your feature request related to a problem? Please describe.

Description

The website's navbar is experiencing responsiveness issues, particularly on various devices and screen sizes. This problem needs attention to ensure a smooth and user-friendly navigation experience for all users.

Current Behaviour

At present, the navbar does not respond correctly to different screen sizes. On mobile devices, the menu items are not collapsing, and instead, they appear scattered and overlapping, making navigation challenging. Additionally, some elements of the navbar may become unclickable or hidden from view on specific screen sizes.

Describe the solution you'd like

Expected Behavior:

The navbar should adapt to different screen sizes and devices gracefully. On smaller screens, such as mobile devices, the navbar should collapse into a hamburger menu or a mobile-friendly version. The menu items should remain easily accessible and should not overlap or misalign.

Describe alternatives you've considered

No response

Additional context

No response

Code of Conduct

• [X] I agree to follow this project's Code of Conduct
• [X] I'm a GSSoC'23 contributor
• [X] I want to work on this issue

[github-actions[bot]]

👋 @senthil-k8s

Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible.

Please make sure you have given us as much context as possible.

[github-actions[bot]]

Hello @senthil-k8s, thank you for raising an issue. 🙌 I have assigned the issue to you. You can now start working on it. If you encounter any problems, please feel free to connect with us. 👍