JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="top-left">
        TL
    </div>
    <div class="top-right">
        TR
    </div>
    <div class="bottom-left">
        BL
    </div>
    <div class="bottom-right">
        BR
    </div>
</div>

CSS

.container {
    display: -webkit-flex;
    background-color:#ccc;
}
.top-left {
    
}
.top-right {
    
}
.bottom-left {
    
}
.bottom-right {
    
}