JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<div class="o">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>

SCSS

* {
  box-sizing: border-box;
}

.o {
   display: flex;
   flex-wrap: wrap;
   
   div {
     border: 1px solid;
     height: 20px;
     flex: 0 0 25%;
   }
   
   :nth-child(4n-3) {
     background-color: red;
   }

}