In the HTML and CSS windows of codepen click the down arrow and then click analyze. Fix all those errors. the CSS window there will be a red bar near the error instead of a summary at the top so you’ll have to scroll to find it.
It’s unusual for a beginner in FCC to use
position for more than a sticky header. So please add
#form now scroll up and down all the way to the end. Notice that everything that is
position-ed scrolls over the top of the header and the un-
position-ed text is below the header. You can solve this by:
- using z-index on elements with
position the header and center the other things with margin
Notice that when you click an in-page nav-link that the section anchor moves to the top of the screen. Since there is a fixed header the anchor needs to be offset by the height of the header so it will stop below the header and be readable.
margin-top depending upon which layer everything is on.