/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 vote217 views1 answer
How to summon an entity with a tag
Html
1 vote141 views1 answer
How to remove .php .html extension with .htaccess
Html
1 vote174 views2 answers
Basic Boilerplate
Html
0 vote209 views1 answer
Donwload node js
Html
-1 vote219 views1 answer
Radio button group html jquery
Html
15 votes205 views2 answers
Html format date
Html
6 votes183 views2 answers
Html meta redirect
Html
1 vote267 views1 answer
Vue js focus ref
Html
0 vote183 views2 answers
Basic fetch with error
Html
0 vote197 views1 answer
Whatsapp href link code
Html