JSFiddle - React, Tailwind, and code Playground

HTML

<div class="orange">1
</div>
<div class="blue">2
</div>
<div class="red">3
</div>

CSS

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

div {
    height: 100%;
}

div.orange {
    background: orange;
}

div.blue {
    background: blue;
}

div.red {
    background: red;
}