/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

6 votes152 views2 answers
Bootstrap 4 banner with a button and a text
Html
0 vote165 views1 answer
How to use lottie in html
Html
0 vote161 views1 answer
Add title to navbar html
Html
12 votes153 views5 answers
Jquery-3.5.1.min.js download
Html
28 votes160 views6 answers
Html telephone link
Html
0 vote155 views1 answer
How to add logo next to title html
Html
0 vote163 views1 answer
Input type text cache clear
Html
0 vote147 views1 answer
Html fecha mes y año
Html
15 votes147 views5 answers
Audio in html
Html
0 vote193 views1 answer
Embed meta tag nextjs
Html