JSFiddle - React, Tailwind, and code Playground

HTML

<html style="height:100%">
    <body style="height:100%">
        <div style="position:absolute;top:0;left:0;right:0;bottom:0;height:100%;background-color:green;"><h1>test</h1></div>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
        foo<p>
    </body>
</html>