How to Make Footer Stay at Bottom of Page with Tailwind CSS

Step 1

Add these class to wrapper that you are using.

flex flex-col min-h-screen

It's should like this

<div class="flex min-h-screen flex-col"></div>

Step 2

Add this class to the <footer> tag or whatever your tag you might be using.

mx-auto

It should look like this:

<div class="mx-auto"></div>

Sources:

• https://radu.link/make-footer-stay-bottom-page-tailwind-css/