/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 vote273 views1 answer
Lottie link to show animation
Html
-2 votes187 views1 answer
W3c
Html
0 vote199 views1 answer
How to embed link in text //ptwmjmp.com/?siteId=jasmin&categoryName=&pageName=home&performerName=&prm[psid]=Seb868&prm[pstool]=205_1&prm[psprogram]=revs&prm[campaign_id]=&subAffId={SUBAFFID}&filters=
Html
8 votes195 views3 answers
Titles html
Html
90 votes242 views6 answers
Center text
Html
0 vote194 views1 answer
Fab view
Html
0 vote193 views2 answers
Create node in javascript
Html
0 vote204 views1 answer
Como cambiar la fuente de letra en html
Html
1 vote187 views1 answer
Display success message after form submit in php
Html
8 votes212 views1 answer
How to start a website using html
Html