How To Fix The Footer To The Bottom Of The Page With Tailwind CSS

February 21st, 2022

tailwind.jpeg

I've recently rebuild this site and came across the problem of how to fix the footer to the bottom of the page with Tailwind CSS.

Here's how I achieved it:

<body class="flex flex-col min-h-screen ">
  <header>
    Navigation bar
  </header>
  <main class="flex-grow">
    Page content
  </main>
  <footer>
    Social links
  </footer>
</body>