/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

8 votes356 views1 answer
How to specify amout of letters in inputfield in css
Html
0 vote343 views1 answer
Asunto email html5
Html
0 vote345 views2 answers
Table row indexing
Html
0 vote372 views3 answers
How to add custom html menu in wordpress
Html
0 vote322 views2 answers
Servicenow g: breakpoint
Html
35 votes360 views6 answers
Js jquery
Html
0 vote404 views1 answer
Jsp variable in html
Html
0 vote364 views1 answer
Dark blue html code
Html
1 vote332 views1 answer
Html cursief
Html
0 vote329 views1 answer
How to put an image in the top right corner html
Html