JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box1">HELLO HELLO THIS IS RED BOX, ARE YOU HEARING ME BLUE?</div>
<div id="box2">YES, RED, I'VE GOT YOU LOUD AND CLEAR. OVER. <div>

CSS

html, body {
    height: 100%;
    margin: 0;
}
#box1 {
    min-height: 100%;
    min-width: 100%;
    color: white;
    background-color: red;
}

#box2 {
    min-height: 100%;
    min-width: 100%;
    color: white;
    background-color: blue;
}