JSFiddle - React, Tailwind, and code Playground

by dingen2010

HTML

<div style="width: 100%;">
    <div class="inner"> Left </div>
    <div class="inner"> Right </div>
</div>

CSS

.inner{
    outline: 1px solid #333;
    /*width: 100%;*/
    background-color:red;
}

@media (max-width:500px){
    .inner{
        width: 50%;
        background-color:yellow;
}