JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="center"></div>
    <div class="left"></div>
</div>
<div class="right"></div>

CSS

.main, .left{float:left}
.right, .center{float:right}

@media(max-width:800px){
.main, .center, .left, .right{float:none; width:100%}
}