Landing Product - Problem with navbar

Hello guys, as I was doing the project I encounter an issue related with the navbar. It’s overlapping the webpage’s content, I tried giving the main tag a margin-top but by doing that for some reason my navbar is moving down even tho it is outside of the main tag.

What is it that I’m doing wrong?
Thanks in advance!

Here is the codepen: https://codepen.io/christmed/pen/poNqXMg

you must add to header

top: 0;

Thanks but unfortunately it didn’t work but I solve it by wrapping the rest of the webpage in a div.

I tried it in your code and it worked. You probably did what I said wrong, but it is a way you did. Good coding

@christmed, you didn’t ask but;

  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>)
    • The test script, with all tests passing, should be included when you submit your projects.
    • Your page passes 4/16 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
    • Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.
1 Like