Here’s how I keep my website footer at the bottom. I need these footers to do a few things:

1. Always be at the bottom of the page
   • When a page is shorter than the height of the screen, then the footer should stick to the bottom of the screen.
   • When the page is longer than the height of the screen, then the footer should be at the bottom of the page. This means that I need to scroll in order to see the footer.

The Approach

Ok so why is this so hard? IDK. Here is an easy approach: