/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

1 vote169 views2 answers
Load pdf html
Html
0 vote165 views1 answer
Link phone in safari
Html
1 vote183 views1 answer
Display object with indentaion in html
Html
0 vote163 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Html
1 vote170 views1 answer
Write html inside component angular
Html
111 votes177 views6 answers
Adding image in html
Html
6 votes190 views4 answers
Data
Html
0 vote191 views1 answer
How to remove spaces between html elements like lebel
Html
0 vote188 views4 answers
How to populate a grid with images in html
Html
0 vote202 views2 answers
P-dialog style
Html