palicko · December 14, 2016 20:40 · tmakin · Jan 12, 2019
diff --git a/sticky-footer.css b/sticky-footer.css
 html {
  display: flex;
 }

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

 .header,
 .footer {
  flex-shrink: 0;
 }

 .content {
  flex-grow: 1;
 }
diff --git a/sticky-footer.html b/sticky-footer.html
 <html>
  <body>
    <div class="header"></div>
    <div class="content"></div>
    <div class="footer"></div>
  </body>
 </html>