JSFiddle - React, Tailwind, and code Playground

HTML

<div class="divs">
  <div class="div">1</div>
  <div class="div">2</div>
  <div class="div">3</div>
  <div class="div">4</div>
  <div class="div">5</div>
  <div class="div">6</div>
</div>

CSS

.divs {
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
}

.div {
  background:#ccc;
  height: 100px;
  width:30%;
  margin-bottom: calc(10% /3)
}