JSFiddle - React, Tailwind, and code Playground

HTML

<section>
    <p>bla bla bla</p>
</section>
<footer>le pied de page</footer>

CSS

* {
    margin : 0;
    border : 0 one;
    padding : 0;
	-webkit-box-sizing	: border-box;
	   -moz-box-sizing	: border-box;
	        box-sizing	: border-box;
}

html, body {
    height : 100%;
}

section {
    background-color : red;
    min-height : calc(100% - 130px); /* tu retranches la hauteur du footer */
}

footer {
    background-color: green;
    height : 130px;
}