/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

3 votes134 views1 answer
Ul attributes in html
Html
0 vote121 views1 answer
Ome tv ilian hakera
Html
1 vote143 views9 answers
Among us
Html
0 vote122 views2 answers
How to cover whole webpage by background image in html
Html
2 votes126 views1 answer
Bootstrap form input select
Html
0 vote146 views2 answers
Youtube embed video
Html
68 votes133 views6 answers
Html button as link
Html
0 vote135 views1 answer
Document.getElementByClassName("preview").innerHTML=src;
Html
0 vote142 views2 answers
Servicenow g: breakpoint
Html
0 vote124 views1 answer
Html full image page auto resize
Html