[Feat]: Fix Navbar to Top on Scroll

[saras-69]

Is there an existing issue for this?

• I have searched the existing issues

Feature Description

Currently, the navbar scrolls with the page, which may affect user experience by making navigation less accessible as users browse. We need to implement a fixed navbar that remains at the top of the page when scrolling.

Use Case

The navbar should stay visible at the top of the viewport as the user scrolls down the page, ensuring quick and easy access to navigation links.
Steps to Reproduce:

Open the webpage.
Scroll down.
Observe that the navbar scrolls out of view with the rest of the content.
Proposed Solution:

Use CSS position: fixed for the navbar with adjustments to ensure it remains at the top.
Update the layout as needed to prevent overlapping with the main content.

Benefits

Implementing this feature will enhance the user experience by ensuring that navigation is always accessible, making the website more intuitive and user-friendly.

Priority

High

Agreements

• I agree to follow this project's Code of Conduct
• I'm a GSSoC contributor
• I'm a Hacktoberfest contributor
• I want to work on this issue
• I'm willing to provide further clarification or assistance if needed.

[github-actions]

Thank you for creating this issue! 🎉 Your issue will soon be reviewed by either the PA or a mentor. Please note that Level 1 is temporary and can be changed during the review. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.

[saras-69]

Hey @Tejashri-Taral could please asigned this issue to me?