/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

22 votes118 views1 answer
Input type that allows float number
Html
2 votes123 views1 answer
Htlm link
Html
9 votes135 views2 answers
Open image in new tab html
Html
33 votes127 views2 answers
How to use the label tag in html
Html
2 votes124 views2 answers
Split div into 2 columns
Html
0 vote140 views1 answer
Html exemple
Html
0 vote126 views1 answer
Rn force light mode ios
Html
0 vote120 views1 answer
How to make a head tag in html into a child element
Html
1 vote151 views2 answers
Thymeleaf input radio checked
Html
0 vote129 views1 answer
Representing the transition on image
Html