Sticky Footer

<body>
  <header>…</header>
  <main class="site-content"></main>
  <footer></footer>
</body>

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.site-content {
  flex: 1;
}

Last updated 6 years ago