/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

4 votes150 views1 answer
Bootsrap label
Html
2 votes138 views1 answer
Word inhoudsopgave
Html
0 vote142 views1 answer
Html multiple file upload
Html
0 vote153 views3 answers
Unyson demo import fail
Html
8 votes144 views2 answers
Html link without opening new tab
Html
0 vote137 views2 answers
Javascript input mask
Html
0 vote95 views1 answer
Best meta tags
Html
43 votes165 views6 answers
Html new tab
Html
0 vote145 views1 answer
Twig abs
Html
4 votes135 views1 answer
Rs logo html
Html