How to stop main text from "running" into footer?

when changing the screen size of the page, the main text eventually runs under the footer. is there a way to keep the text contained between the nav & footer, or am I missing something simple here?

codepen: https://codepen.io/ri9atony/pen/zYaXdrj

Why do you want the footer to be positioned fixed?

What you are seeing is the same that happens if you make the nav fixed. The page content scrolls behind it.

I thought having a fixed footer would allow it to stay on the bottom; which it did, but also caused the text to run behind. thank you for the link^^

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.