/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

1 vote120 views2 answers
Check html
Html
7 votes123 views1 answer
Qs cdn
Html
-1 vote103 views1 answer
How to add a rollover image in html
Html
78 votes102 views3 answers
Bootstrap change font color of text
Html
0 vote168 views1 answer
How to make squares in html
Html
0 vote108 views1 answer
Comment a div in html
Html
0 vote100 views1 answer
App script send data back to html
Html
43 votes119 views6 answers
Html new tab
Html
2 votes97 views1 answer
Display image in twig
Html
-1 vote104 views2 answers
Html long text three dots
Html