Hello, I am trying to modify the header and footer to stay fixed to the top and bottom of the screen while the content scrolls in between. All of my CSS changes are resulting in the content floating in front of the header and the footer container disappearing. What is the proper CSS to achieve this?
I’m not sure if that’s the best way or if that’s what you wanted – all I know is that when I have that in the footercontainer CSS, it’s fixed in place at the bottom of the screen and all content is scrolled underneath.
I should note, that the same seems to work on the header too, only you use top instead of bottom, and I applied a z-index to prevent the content from overlapping