/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 vote204 views1 answer
In form right to left html
Html
0 vote194 views1 answer
Js download html
Html
0 vote201 views1 answer
Html image styling
Html
1 vote212 views1 answer
React bootstrap font color
Html
0 vote185 views1 answer
Inline vuetify
Html
16 votes190 views2 answers
Html link to download file
Html
0 vote266 views3 answers
How to use bootstrap
Html
0 vote210 views1 answer
Passing parameters from C# to js fucntions
Html
5 votes190 views2 answers
Tabpage in boostrap5
Html
3 votes164 views1 answer
Html audio autoplay
Html