Problem with the nav-bar

I have a small problem, when i click a link in my navigation bar, the format of the page changes and I have all the body text over the navigation bar, I’m not sure what is the cause.!

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.83 Safari/537.36.

Challenge: Build a Technical Documentation Page

Link to the challenge:

Welcome to the community!

There’s a problem within the css definition for #main-doc that’s causing the page to reset the positioning after clicking on a link. The reason for that is when position is set to “absolute”, the element is removed from the normal document flow.

You can learn more about position here.

thank you! changing position from #main-doc to “relative” fixed the problem.