Improve a navbar

[Himanshu-kumar025]

there is a problem in scroll bar and navbar is changing his place when we remove the scroll bar
I can improve that problem . kindly assign me under GSSOC'24 and HACKTOFEST .
THANK YOU

[hetvi20]

@Himanshu-kumar025 you can try this once I provide solution to fix header on top.

body {
/* Always display a scrollbar to prevent layout shift */
overflow-y: scroll;
}

If the issue persists, ensure the navbar has consistent positioning by using position: fixed; or position: sticky; based on the behavior you want.
This will make sure that the navbar stays in place at the top of the viewport and doesn’t shift with changes in scroll behavior. Let me know if you need any further adjustments!

/* Ensure navbar stays fixed at the top */
.navbar {
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}