/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 vote205 views1 answer
Html to app
Html
3 votes201 views2 answers
Html email regex
Html
0 vote123 views1 answer
Html translate
Html
1 vote155 views2 answers
Blade loop index
Html
0 vote164 views1 answer
Html in page navigation
Html
1 vote128 views1 answer
Column ordering in bootstrap
Html
202 votes237 views6 answers
Html space
Html
0 vote164 views3 answers
Smarty print html
Html
19 votes234 views4 answers
Anchor html
Html
1 vote172 views1 answer
Html table column spacing mdn
Html