/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 vote268 views1 answer
HOW TO SHOW A ERROR MESSAGE TO USERS IN HTML ON WEBSITE
Html
0 vote278 views1 answer
How to use unicode in html
Html
0 vote280 views1 answer
Partial url example
Html
12 votes302 views3 answers
Loopback relations include inside include
Html
2 votes229 views1 answer
How to give a default active value to a radio button
Html
2 votes282 views2 answers
Position relative bootstrap 4
Html
0 vote299 views1 answer
Mp4 start time html
Html
218 votes365 views5 answers
Bootstrap latest version cdn
Html
5 votes270 views2 answers
Html table span 2 rows
Html
1 vote309 views1 answer
Html nofollow link
Html