/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 vote256 views1 answer
Lunch sms app from browser with sms:
Html
0 vote196 views1 answer
Turn of blur html canvas
Html
19 votes142 views4 answers
Button disabled
Html
3 votes192 views4 answers
Make a circle in javascript
Html
0 vote178 views1 answer
V-on hover
Html
1 vote178 views2 answers
Html phone number validation pattern
Html
1 vote197 views2 answers
Vuetify truncate text
Html
1 vote175 views1 answer
Simple form label
Html
0 vote186 views2 answers
Serve images in nextgen formats webp
Html
26 votes172 views3 answers
Array in c
Html