JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="row">
    <div class="left">Left Side</div>
    <div class="right">Right Side</div>
</div>

CSS

.row:after {
    content: '';
    display: table;
    clear: both;
}
.left {
    width: 90%;
    float: right;
    background: blue;
    clear: right;
}
.right {
    width: 90%;
    float: left;
    background: red;
}
@media (max-width: 700px){
    .left {
        float: left;
    }
}