JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>
<div></div>
<div></div>

CSS

html, body {
    height: 100%;
}

div:nth-of-type(1) {
    background: #f00;
    height: 20%;
}

div:nth-of-type(2) {
    background: #00f;
    height: 70%;
}

div:nth-of-type(3) {
    background: #0f0;
    height: 10%;
}