JSFiddle - React, Tailwind, and code Playground

by angstrey

HTML

<div id="box1" class="box">
    
</div>
<div id="box2" class="box">
</div>

CSS

.box
{
    width: 100%;
    border: solid 1px #000;
    box-shadow: 5px 5px 5px 5px #ccc;
    height: 100px;
    margin: 0 0 50px 0;
}

@media only screen and (min-width: 600px) { 
    .box 
    {
        background: #f00;
    }
}