How to fill the div to the end of a sticky footer?



I am using to show an example of what I am trying to do:

I am using tailwindcss framework and as you can see in the example above I am giving my first div element a default Red background color. And what I want to do Is to fill the Section white background to the end of the footer, I don't want the red background color in this case.

<div class="flex flex-col min-h-screen justify-between bg-red-600">


<nav class="flex items-center text-white bg-orange-600 h-16" style="
justify-content: center;
">Header with fixed height</nav>

<div class="w-full m-0 p-0 bg-cover bg-bottom text-white" style="
background-image: url(;
height: 60vh;
max-height: 460px;
">Image with max height

<section class="text-center bg-white py-12">section</section>


<div class="py-12 text-center text-white bg-green-400">
sticky footer


Continue reading...