[Bug]: Header navigation hides the beginning of Course, Roadmap, and Projects sections

[aayan-rashid]

Bug Description

Clicking the Course, Roadmap, or Projects links in the header navigation correctly navigates to the corresponding section, but the page scroll position is slightly too high.

As a result, the beginning of the selected section is hidden behind the fixed/sticky header navigation bar.

Steps To Reproduce

1. Open the website.
2. Scroll to any part of the page.
3. Click Course in the header navigation.
4. Observe the position of the Course section.
5. Repeat the same steps for Roadmap and Projects.
6. Observe that the starting content of each section is partially hidden.

Expected Behavior

Clicking Course, Roadmap, or Projects should navigate to the corresponding section with its entire starting content visible below the header.

The fixed/sticky header should not overlap the section heading or its initial content.

Actual Behavior

The navigation reaches the correct section, but the page stops too high, causing the header to cover part of the section's starting content.

Affected Area

Frontend — Header Navigation / Section Anchor Scrolling

Environment Info

Browser: Chrome
Operating System: Windows 11

[github-actions]

Thank you for your contribution! The maintainer will review your issue/PR shortly.

We appreciate your patience.

[aayan-rashid]

I would like to work on this issue under GSSoC

Please assign it to me.
gssoc:approved
level:beginner