/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 vote383 views1 answer
Input datetime without time
Html
16 votes281 views2 answers
Html scroll behavior
Html
7 votes316 views2 answers
Html change player speed
Html
0 vote310 views3 answers
Vs code html formatter
Html
5 votes332 views1 answer
Laravel route name routes
Html
1 vote312 views2 answers
How to add preloader in html page
Html
11 votes310 views2 answers
Linked image html
Html
11 votes288 views4 answers
Progress bar bootstrap
Html
14 votes297 views5 answers
Convert string to boolean js
Html
0 vote332 views1 answer
Disable right click on your webpage
Html