Sticky Footer using Tailwind CSS

February 23, 2022

This is a way to use Tailwindcss to display a footer at the bottom of the screen, even on pages with little content.

<body class="flex flex-col min-h-screen">
  <header>Navigation</header>
  <main class="grow">Page Content</main>
  <footer>Footer</footer>
</body>

References

Tweet