/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

-3 votes264 views1 answer
Lazy laoding of images
Html
2 votes224 views1 answer
Ion-item remove bottom line
Html
1 vote266 views1 answer
Difernce between innertextand neer html
Html
1 vote257 views1 answer
Ngif async pipe
Html
0 vote276 views4 answers
Add active class depending on the route laravel
Html
6 votes229 views2 answers
Html color changing background
Html
21 votes244 views1 answer
Viewport responsive
Html
3 votes247 views2 answers
Ion select
Html
2 votes239 views2 answers
Progress-bar-success bootstrap 4
Html
11 votes282 views2 answers
A link in new window
Html