JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <div class="items">
     <div class="item">
      hello
    </div>
    <div class="item">
      my
    </div>
    <div class="item">
      friend
    </div>
     <div class="item active">
      hello
    </div>
    <div class="item active">
      my
    </div>
    <div class="item active">
      friend
    </div>
     <div class="item">
      hello
    </div>
    <div class="item">
      my
    </div>
    <div class="item">
      friend
    </div>
  </div>
  <div class="items">
     <div class="item">
      hello
    </div>
    <div class="item">
      my
    </div>
    <div class="item">
      friend
    </div>
     <div class="item active">
      hello
    </div>
    <div class="item active">
      my
    </div>
    <div class="item active">
      friend
    </div>
     <div class="item">
      hello
    </div>
    <div class="item">
      my
    </div>
    <div class="item">
      friend
    </div>
  </div>
  <div class="items">
   <div class="item">
      hello
    </div>
    <div class="item">
      my
    </div>
    <div class="item">
      friend
    </div>
     <div class="item active">
      hello
    </div>
    <div class="item active">
      my
    </div>
    <div class="item active">
      friend
    </div>
     <div class="item">
      hello
    </div>
    <div class="item">
      my
    </div>
    <div class="item">
      friend
    </div>
  </div>
  <div class="items">
    <div class="item">
      hello
    </div>
    <div class="item">
      my
    </div>
    <div class="item">
      friend
    </div>
     <div class="item active">
      hello
    </div>
    <div class="item active">
      my
    </div>
    <div class="item active">
      friend
    </div>
     <div class="item">
      hello
    </div>
    <div class="item">
      my
    </div>
    <div class="item">
      friend
    </div>
  </div>
</div>

CSS

.item {
  width: 60px;
  height: 60px;
  background: black;
  float: left;
  margin-right: 30px;
  margin-top: 20px;
  color: white;
}

.items .active {
  background: green;
}

.item.active:nth-child(3n) {
  margin-right: 0px;
}