JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
     <h1>
            some text
        </h1>

</div>

CSS

html {
            background-color: purple;
            height:100%;
        }
        body {
            background-color: blue;
            height: 100%;
            margin: 0;
        }
        #main {
            background-color: red;
            min-height: 100%;
        }
        #main h1 {
            margin-top:0;
        }