CSS CSS Layout Basics Getting Started with CSS Layout Creating a Sticky Footer

"Non-Sticky Footer"

For some reason my footer isn't sticking. Any input would be appreciated! Thanks in advance for Your time and assistance on this!

Here's the workspace: https://w.trhou.se/mwwtptj98h

1 Answer

I like using calc() like this to get a sticky footer:

.wrapper { Max-height: calc(100vh-height of footer); }