JSFiddle - React, Tailwind, and code Playground

HTML

<html style="height:100%">
    <body style="height:100%">
        <div id='fullDiv' 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>

JavaScript

$().ready(function() {
    var height = $(document).height();
    var width = $(window).width();
    $('#fullDiv').css('height', height).css('width',width);
});