JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="box-one"></div>
    <div class="box-two"></div>
</div>

CSS

.outer
{
    background-color:green;
    width: 100%;
}
.box-one
{
    width:50%;
    background-color:red;
    height:200px;
    display:inline-block;
}

.box-two
{
    width:50%;
    background-color:blue;
    height:200px;
    display:inline-block;
}