JSFiddle - React, Tailwind, and code Playground

HTML

<div style="height:100%; width:100%; border-color:black; border-style:solid; border-width:2px;">
    <div style="border-color:pink; border-style:solid; border-width:2px; width:100%;">
        test
    </div>
    <div style="height:100%;width:100%;border-style:solid; border-width:2px; border-color:yellow;">
        test
    </div>
</div>
<hr>
<footer>footer</footer>

CSS

body
{
    height:100%;
    min-height:100%;
    min-width:100%;
    position:absolute;
}
html
{
    height:100%;
}