/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 votes261 views1 answer
Snap telegram
Html
1 vote258 views1 answer
Youtube in iframe opens youtube aoo
Html
0 vote243 views1 answer
Wicked pdf rails start new page
Html
0 vote251 views1 answer
Html default file name a tag
Html
1 vote275 views1 answer
How to move all html files from one directory to other using python
Html
0 vote253 views1 answer
Css grid not working
Html
0 vote271 views1 answer
Ionic ion-title center
Html
0 vote253 views1 answer
Js socket.io chatap
Html
5 votes257 views4 answers
Html highlight text
Html
0 vote263 views1 answer
Wire:click with value
Html