Body overlapping navbar, Responsive Web Design project 3, product landing page

1

I’ve passed all of the tests for this project, and still plan to improve on/add content, but I refuse to move on until the content no longer appears on top of the navbar when the page scrolls. I’ve scoured the sample code, and briefly reviewed the lessons. The only thing that worked was adding a negative z-index to #content-container, which doesn’t seem like the right answer. It’s not used anywhere in the FCC sample (that I saw). https://codepen.io/jessiebird/pen/bGdRpjZ?editors=1100 TIA

edit: here’s the sample https://codepen.io/freeCodeCamp/pen/RKRbwL

2

z-index does pretty much exactly what you want to do. Including a link to the example you are referring to would help us put this question into context.

3

It’s the position: relative on the #content-container. Get rid of that and the container will flow under the header as you want. If you need to keep the relative positon on the container then you will have to use z-index.

4

Thanks bbsmooth! I’ll have to go back and try to understand why I had that relative in the first place…