JSFiddle - React, Tailwind, and code Playground

by deswolf

HTML

<div class="color1">1</div>
<div class="color2">2</div>
<div class="color3">3</div>
<div class="color4">4</div>
<div class="color5">5</div>
<div class="color6">6</div>
<div class="color7">7</div>
<div class="color8">8</div>
<div class="color9">9</div>
<div class="color10">10</div>
<div class="color11">11</div>
<div class="color12">12</div>
<div class="color13">13</div>
<div class="color14">14</div>
<div class="color15">15</div>
<div class="color16">16</div><div class="color17">17</div><div class="color18">18</div><div class="color19">19</div>

CSS

div {float:left;display:inline;height:50px;width:50px;
text-indent:-999px;
}
.color1 { background-color: #ffffff}
.color2 { background-color: #6d0b00}
.color3 { background-color: #b24701}
.color4 { background-color: #c65900}
.color5 { background-color: #ed8c00}
.color6 { background-color: #c84703}
.color7 { background-color: #db6b00}
.color8 { background-color: #cf8202}
.color9 { background-color: #635129}
.color10 { background-color: #523f2e}
.color11 { background-color: #4f3a27}
.color12 { background-color: #41301e}
.color13 { background-color: #0a0501}
.color14 { background-color: #cd5a01}
.color15 { background-color: #f89202}
.color16 { background-color: #b52502}
.color17 { background-color: #fffeff}
.color18 { background-color: #5e0001}
.color19 { background-color: #aa2d00}