/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

56 votes285 views6 answers
Hyperlink html
Html
0 vote304 views1 answer
Empecher saut de ligne html
Html
1 vote277 views1 answer
Angular 2 input file change value
Html
0 vote274 views1 answer
Convert ipynb to html
Html
0 vote268 views1 answer
What if i want a section to take the height of a viewport html
Html
5 votes243 views2 answers
Html disable drag image
Html
-1 vote277 views1 answer
Bannière html
Html
0 vote291 views2 answers
How to hide youtube watermark from embedded video :2021
Html
0 vote281 views2 answers
Bootstrap buttons Disabled state
Html
0 vote302 views1 answer
Basic progressbar with percentage values
Html