JSFiddle - React, Tailwind, and code Playground

by Praveen Kumar Purushothaman

HTML

<div class="container">
    <div class="first">Left</div>
</div>
<div class="container">
    <div class="second">Right</div>
</div>

CSS

.container { 
    float:left; 
    width: 50%;
}

.container > div {
    padding: 10px;
    margin: 10px;
    color: white;
}

.first { background-color: red }
.second { background-color: blue; }

@media screen and (max-width: 1000px) {
    .container {
        float: none;
        width: auto;
    }
}