JSFiddle - React, Tailwind, and code Playground

by Emmanuel Garcia

HTML

<div class="group">
    <div class="left">
       
        1
        
        
    </div>
    <div class="right">
       
        2
        
    </div>
</div>

CSS

.left {
    float: left;
    width: 50%;
}
.right {
    float: right;
    width: 50%;
}
.group:after {
    content:"";
    display: table;
    clear: both;
}
img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 480px) {
    .left, 
    .right {
        float: none;
        width: auto;
    }
}