/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

39 votes162 views6 answers
Href mailto
Html
69 votes178 views2 answers
Bootstrap background
Html
0 vote196 views1 answer
Default wp_new_user_notification_email
Html
0 vote166 views1 answer
Fixed footer button css
Html
0 vote159 views1 answer
Header with rowspan
Html
0 vote165 views1 answer
How to turn og suggensttions in html input
Html
0 vote170 views1 answer
Font jrxml
Html
13 votes153 views1 answer
How do i make a boxin html
Html
0 vote162 views4 answers
Dropdown bootstrap
Html
29 votes141 views1 answer
How to make the dashed border with longer dashes css
Html