The content is stacking over one another

Tell us what’s happening:
The navbar and main content is overlapping themselves
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/88.0.4324.190 Safari/537.36.

Challenge: Build a Technical Documentation Page

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-pageThis is my code

Hi @furqzain000 !

Welcome to the forum!

It looks like you forgot to post a link to your project

Hey man. Try ClearFix

Please click on “This is my code” at the end of the text

One option would be to use the margin left property for the main content.

There’s a few ways to achieve this layout. The example project sets the navbar to fixed (something I wouldn’t recommend), and moves the main content to the right with a margin-left that’s equal to the navbar’s width.

You have a grid layout, which is definitely the better approach, but instead of fixed, use sticky for positioning.

EDIT Forget what I said, you need fixed to keep the navbar in view. @jwilkins.oboe already gave the right answer.

It did work. thanks…

Got it …thanks a lot!!