JSFiddle - React, Tailwind, and code Playground

HTML

<div class="object red"></div>
<div class="object yellow"></div>
<div class="object green"></div>
<div class="object blue"></div>
<div class="object teal"></div>
<div class="object purple"></div>

CSS

.object{
  width: 30%;
  height: 200px;
  float: left;
  margin: 0 9px 15px;
}

.red{background-color: #800000;}
.yellow{background-color: #DAA520;}
.green{background-color: #6B8E23;}
.blue{background-color: #4169E0;}
.teal{background-color: #008080;}
.purple{background-color: #4B0082;}