JSFiddle - React, Tailwind, and code Playground

by pxfunc

HTML

<div id="fillScreen">100% of the screen at the top of the page</div>
<div id="makeItScroll">Content Filler</div>

CSS

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

#fillScreen {
    position:relative;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:red;
}

/* pretending like there's content here we're just gonna set a really big height */ 
#makeItScroll {
    height:5000px;
    background:yellow;
}