JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
    <body>
        <table style="height:100%;width:100%;">
            <tr><td style="height:24px;background:blue;">&nbsp;</td></tr>
            <tr><td style="background:white;">
                <div style="height:100%;background:yellow;">&nbsp;</div>
                
                </td></tr>
            <tr><td style="height:24px;background:green;">&nbsp;</td></tr>
        </table>
    </body>
</html>

CSS

html, body {
  padding:0;
    margin:0;
    overflow:hidden;
    height:100%;
}