JSFiddle - React, Tailwind, and code Playground

by dom1n1k

HTML

<div class="box red">1</div>
<div class="box green">2</div>
<div class="box red green">3</div>
<div class="box green red">4</div>

CSS

.box {
    width: 100%;
    height: 100px;
    margin-bottom: 20px;
}
.red {
    background: red;
}
.green {
    background: green;
}
.red.green {
    background: yellow;
    border: solid 1px orange;
}