/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 votes108 views1 answer
\r in html
Html
0 vote115 views1 answer
Storybook fonts
Html
15 votes140 views4 answers
Bootstrap Pill badges
Html
23 votes110 views5 answers
Html input text
Html
0 vote154 views1 answer
Nunjucks variables
Html
0 vote100 views2 answers
Html5 pattern for numbers only
Html
0 vote123 views1 answer
Loader
Html
0 vote122 views1 answer
Ajust aos
Html
56 votes114 views6 answers
Html basic template
Html
1 vote104 views1 answer
How to make website
Html