/Html/Tailwind push footer always to bottom of screen

Tailwind push footer always to bottom of screen

<div class="flex flex-col justify-between h-screen">
  <header class="h-16 bg-pink-300">Header</header>
  <main class="mb-auto h-52 bg-purple-300">Main Content</main>
  <footer class="h-16 bg-blue-100">Footer</footer>
</div>

Source: stackoverflow.com

Similar codes

0 vote263 views2 answers
Types of routes in laravel
Html
13 votes306 views5 answers
Bootstrap align right
Html
0 vote314 views1 answer
Html multi like tag indentation convention
Html
-1 vote338 views2 answers
Website making sites
Html
30 votes306 views4 answers
Metadata html
Html
22 votes310 views4 answers
How to make a clickable image in html
Html
3 votes307 views1 answer
Html input change default error message
Html
33 votes300 views6 answers
Bootstrap div vertical center
Html
0 vote311 views1 answer
Mote
Html
2 votes316 views1 answer
How to create a link button with url of the df
Html