I need some help to move forward in "Build a Technical Documentation Page" challenge

HTML-CSS
1

Tell us what’s happening:
I started with the challenge but I’ve made the navbar as proposed but when i am writing the main code to the right it is getting hidden behind the navbar but i couldn’t get what i am doing wrong . Any help/suggestion would be appreciated :slight_smile:

Your code so far
You ccan check out my code at -

Your browser information:

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

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-page

2

Welcome!

Since the navbar is ‘fixed’ it’s pulled out of the normal flow of the document. So the main-doc ignores it completely. This project was probably the first one i used padding; just make sure to prevent the side scroll on mobile devices

1 Like
3

Thanks, yeah i’m pretty new too and this is almost one of my first projects .So i’ve understood now from the FCC site as an example that they’ve used “margin-left” of whatever the width used on the navbar as its value so that they don’t overlap which i sick. I’ll do better! :slight_smile:

1 Like