Flex fixed footer

  • Post author:
  • Post category:PMF
  • Post comments:0 Comments
<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;
}

Leave a Reply