<body class="theSite">
<header>Header goes here</header>
<main class="content">Main context of site here</main>
<footer>Footer goes here</footer>
</body>
… and the css
.theSite {
display: flex;
min-height: 100vh;
flex-direction: column;
}
.content {
flex: 1;
}