JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
        <div id="header"></div>
        <div id="content">First line<br>Line<br>Line<br>Line</div>
    </div>

CSS

html, body { height:100%; margin:0; z-index:1; }
#wrapper { height:100%; background:#000; }
#header { height:100px; background:#5ae; }
#content { min-height:100%; background:#f30; }