Answers for "fix to bottom of page tailwind"

5

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>
Posted by: Guest on February-25-2021
0

div width goes beyond screen when absolute bottom-0 tailwind

#inner-body-wrapper
{
    min-height: 70vh;
    min-height: -webkit-calc(100vh - 186px);
    min-height: -moz-calc(100vh - 186px);
    min-height: calc(100vh - 186px);
}
Posted by: Guest on December-08-2021

Code answers related to "fix to bottom of page tailwind"

Browse Popular Code Answers by Language