/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

0 vote119 views3 answers
UnexpectedValueException The stream or file "/var/www/html/storage/logs/laravel.log" could not be opened in append mode: failed to open stream: Permission denied
Html
1 vote107 views2 answers
Bootstrap 4 vertical align td
Html
0 vote101 views1 answer
Input tag avoid to type
Html
0 vote180 views1 answer
Float middle not working
Html
0 vote107 views1 answer
How to choose your html website favicon
Html
0 vote111 views1 answer
Ancres html
Html
0 vote145 views1 answer
Make a live photo uploading website html
Html
1 vote104 views1 answer
Bootstrap dropdown going off page
Html
0 vote104 views1 answer
How can i make a quote element in html
Html
16 votes105 views2 answers
Html tabulation
Html