/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

-1 vote296 views2 answers
Simplecss cdn
Html
1 vote304 views1 answer
[(ngModel)] in a select
Html
19 votes378 views6 answers
Navbar
Html
0 vote338 views1 answer
Image is too big html
Html
0 vote303 views1 answer
Icons burger css font awesome
Html
32 votes307 views6 answers
Bootstrap alerts
Html
0 vote298 views1 answer
Show and hide div tag based on checkbox selection using javaScript
Html
0 vote276 views1 answer
Link md
Html
0 vote300 views1 answer
Hide html element while keeping it's space
Html
3 votes301 views1 answer
Create a link in md
Html