JSFiddle - React, Tailwind, and code Playground

HTML

<header>cabecera</header>
<section>
    <div>hola hola</div>
</section>
<footer>pie pie pie</footer>

CSS

html, body {
    height: 100%;
    margin: 0;
}
header {
    height: 100px;
    background: silver
}
footer {
    height: 50px;
    background: silver
}
section {
    width: 100%;
    height: calc(100% - 150px);
    display: table;
    background: grey;
}
section > div {
    display: table-cell;
    vertical-align: middle;
}