/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 vote179 views1 answer
Html color pink
Html
0 vote187 views1 answer
Django template list item by index
Html
7 votes189 views6 answers
Ng class conditional angular
Html
1 vote185 views2 answers
Html multiple ids
Html
7 votes198 views2 answers
Html change player speed
Html
12 votes175 views1 answer
Html escape characters
Html
0 vote182 views3 answers
Scroll elementleft using js
Html
1 vote223 views1 answer
Nuxt route id nuxt link
Html
0 vote176 views1 answer
How to show pdf as image in html
Html
63 votes182 views1 answer
Open link in new tab grepper
Html