/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 vote213 views1 answer
Wordpress add the html to the content by functoin.php
Html
0 vote118 views1 answer
Como colocar conteudo dentro das imagens html
Html
84 votes172 views4 answers
Justify content align items
Html
0 vote164 views1 answer
Custom video player html5 books
Html
1 vote207 views2 answers
Css align image right
Html
0 vote228 views1 answer
Swiper slider responsive
Html
0 vote187 views2 answers
Click on tr redirect new page
Html
18 votes192 views5 answers
Title tag html
Html
2 votes171 views2 answers
How to put something on the bottom right corner in html
Html
0 vote161 views1 answer
OpenGraph 2
Html