/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

14 votes238 views2 answers
Accordion
Html
2 votes212 views2 answers
Javascript onclick get event
Html
0 vote246 views1 answer
Mdb input bg
Html
2 votes227 views1 answer
Add a alt to a image in html
Html
9 votes238 views3 answers
V-bind
Html
0 vote186 views1 answer
Webforms validate radio buttons
Html
0 vote232 views2 answers
Html anchor in samae page without url
Html
0 vote233 views2 answers
Iframe to fit screen in flutter
Html
1 vote208 views1 answer
Html faq
Html
0 vote211 views1 answer
Full screen button in video tag html5
Html