easy way to place a footer at the bottom of a page with not enough content, while still allowing it to be below any content on the page:
html, body {
height: 100%;
}
body > footer {
position: sticky;
top: 100vh;
}
From CSS-Tricks: https://css-tricks.com/a-clever-sticky-footer-technique/