/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 vote328 views1 answer
Import ionic html
Html
0 vote318 views1 answer
Google go to sprint in Encino
Html
0 vote329 views1 answer
Truffle vs brownie
Html
1 vote327 views1 answer
How to check where was the changes in a perticuler commit git
Html
0 vote350 views1 answer
Html header to word docx
Html
4 votes295 views1 answer
Capture textarea value
Html
40 votes319 views6 answers
Flutter Build
Html
0 vote276 views1 answer
Data toggle in bootstrap 4
Html
0 vote308 views1 answer
Angular material disable radio button
Html
0 vote366 views2 answers
Bootstrap country flag dropdown
Html