revisiting 20211101 and trying to keep footers in the correct location. This works well
<body>
<main><!-- Main content --></main>
<footer><!-- Footer content --></footer>
</body>body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
footer {
margin-top: auto;
}