/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

5 votes208 views1 answer
Default value input
Html
3 votes209 views2 answers
Prevent button form submit
Html
1 vote529 views1 answer
Html to powerpoint
Html
1 vote207 views1 answer
Page dans un nouvelle onglet html
Html
1 vote276 views1 answer
Types of passwords html
Html
1 vote218 views1 answer
How to add the phtml using xml magento 2
Html
1 vote196 views1 answer
Html games for mobile
Html
0 vote202 views1 answer
Rekenmachine online
Html
8 votes193 views1 answer
Jquery load data
Html
6 votes208 views3 answers
Bootstrap 5 horizontal rule
Html