Ok so here’s my issue. Seems very simply and I’ve read several tutorials describing exactly what I want but none of the examples work with my page.
I want the header to remain fixed on the top of the page while allowing the user to scroll through the survey. The box containing the survey contents should disappear under the header. In fact, the exact format for this is covered in the Applied Visual Design course in freeCodeCamp here: https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning
No matter what I try, I can’t seem to stop survey box from scrolling over the header. What do I need to do to change this?
Here’s a link to my project: https://codepen.io/artbaker82/pen/NWRzppj