JSFiddle - React, Tailwind, and code Playground

by Gwyn Milcote

HTML

<div class='palette filter1'></div>  <div class='palette filter2'></div> <div class='palette filter3'></div> <div class='palette filter4'></div>

CSS

div {box-sizing:border-box;}
.palette {width:25px;height:25px;border-radius:5px;border:2px solid rgba(0,0,0,0.2);display:inline-block;}

.filter1 {background:red;}
.filter2 {background:blue;}
.filter3 {background:green;}
.filter4 {background:gold;}