JSFiddle - React, Tailwind, and code Playground

by lgedeon

HTML

<div class="colors">
<div class="white"> </div>
<div class="mag"> </div>
<div class="yell"> </div>
<div class="cyan"> </div>
<div class="ltgray"> </div>
<div class="a"> </div>
<div class="b"> </div>
<div class="c"> </div>
<div class="d"> </div>
<div class="e"> </div>
<div class="f"> </div>
<div class="dkgray"> </div>
<div class="red"> </div>
<div class="green"> </div>
<div class="blue"> </div>
<div class="black"> </div>
</div>

CSS

.colors div {width:25px;height:25px;float:left;border:solid 1px #000;}
.white {background-color: #fff;}
.mag {background-color: #f0f;}
.yell {background-color: #ff0;}
.cyan {background-color: #0ff;}
.ltgray {background-color: #999;}
.a {background-color: #f70;}
.b {background-color: #7f0;}
.c {background-color: #0f7;}
.d {background-color: #07f;}
.e {background-color: #70f;}
.f {background-color: #f07;}
.dkgray {background-color: #555;}
.red {background-color: #f00;}
.green {background-color: #0f0;}
.blue {background-color: #00f;}
.black {background-color: #000;}