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%;
        }