JSFiddle - React, Tailwind, and code Playground

HTML

<body style="height:100%">
     <div class="left"></div>
        <div class="right"></div>

    </body>

CSS

html{
    height:100%;
    
}  
.left
    {
    float:left;
    background-color:#ccffcc;
    height:100%;
    width:50%;
    }
    .right
    {
    height:100%;
    width:50%;
    float:right;
    background-color:#ffcc99
    }