/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 vote142 views1 answer
Can we manipulate the html elements
Html
0 vote128 views3 answers
Omit
Html
1 vote93 views1 answer
Doc.fromhtml is not a function
Html
0 vote144 views1 answer
Fa fa draft
Html
0 vote173 views1 answer
Embed link in markdown
Html
1 vote133 views2 answers
Html anchor tag
Html
0 vote134 views1 answer
Amp-img example
Html
7 votes152 views2 answers
Html change player speed
Html
8 votes135 views5 answers
Html redirect
Html
0 vote168 views1 answer
Angular lifecycle-
Html