atomtigerzoo · March 2, 2020 16:08
diff --git a/plain-css-sticky-footer.css b/plain-css-sticky-footer.css
 /*
  Same DOM as the tailwindcss example above
 */

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

 .main {
  flex-grow: 1;
 }
diff --git a/sticky-footer-tailwindcss.html b/sticky-footer-tailwindcss.html
 <html>
 <body class="min-h-screen flex flex-col">
  <div>Header</div>
  <div class="flex-grow">Main</div>
  <div>Footer</div>
 </body>
 </html>