JSFiddle - React, Tailwind, and code Playground

by Kerrick

HTML

<div class="main">Main</div>
<div class="secondary">Secondary</div>

CSS

div.main {
    float: left;
    width: 50%;
    background: pink;
    height: 500px;
}
div.secondary {
    float: left;
    width: 50%;
    background: skyblue;
    height: 500px;
}