How To Fix The Footer To The Bottom Of The Page With Tailwind CSS
February 21st, 2022
Warning: This post is 3 years old. Some of this information may be out of date.

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>
← Next
Git Ignore File Mode