JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<header>
<div id="title">
Just a title
</div>
</header>
<main>
Main div element here
</main>
</body>
CSS
html, body{
background-color:#A8F000;
height:100%;
}
header{
background-color:#F80012;
height:20%;
}
main{
background-color:#009E8E;
height:80%;
}