JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<div class="rsThumbsContainer">
 <div class="rsNavItem rsThumb">
    <div class="rsTmb">Frugobee video</div>
 </div>
 <div class="rsNavItem rsThumb">
   <div class="rsTmb">Post a job</div>
 </div>
 <div class="rsNavItem rsThumb">
  <div class="rsTmb">Get a quote</div>
 </div>
 <div class="rsNavItem rsThumb">
  <div class="rsTmb">Make a hire</div>
 </div>
 <div class="rsNavItem rsThumb">
  <div class="rsTmb">Pay with ease</div>
 </div>
</div>

CSS

.rsNavItem:nth-child(2) {
    background: red;
}

.rsNavItem:nth-child(3) {
    background: blue;
}

.rsNavItem:nth-child(4) {
    background: green;
}
.rsNavItem:nth-child(5) {
    background: grey;
}
.rsNavItem:first-child {
    background: black;
}