JSFiddle - React, Tailwind, and code Playground

by ddelerme_18f

HTML

<div class="flex-me">
    <div class="box box1 red">1</div>
    <div class="box box2 red">2</div>
    <div class="box box3 red">3</div>
</div>

CSS

.flex-me{
    background: blue;
}
.box {
}
.box1 {
}
.box2 {
}
.box3 {
}
.red{
    background: red;
    border: 2px solid black;
    padding: 10px;
    text-align:center;
    color:#fff;
}