JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="item">
    item 1
  </div>
  <div class="item">
    item 2
  </div>
  <div class="item">
    item 3
  </div>
  <div class="item">
    item 4
  </div>
  <div class="item">
    item 5
  </div>
  <div class="item">
    item 6
  </div>
  <div class="item">
    item 7
  </div>
  <div class="item">
    item 8
  </div>
  <div class="item">
    item 9
  </div>
  <div class="item">
    item 10
  </div>
  <div class="item">
    item 11
  </div>
  <div class="item">
    item 12
  </div>
  <div class="item">
    item 13
  </div>
  <div class="item">
    item 14
  </div>
  <div class="item">
    item 15
  </div>
  <div class="item">
    item 16
  </div>
  <div class="item">
    item 17
  </div>
  <div class="item">
    item 18
  </div>
  <div class="item">
    item 19
  </div>
  <div class="item">
    item 20
  </div>
</div>

CSS

.container {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}

.item {
  height:50px;
  width:100px;
  text-align:center;
  vertical-align:middle;
  line-height:50px;
  border:1px solid black;
  margin:5px;
}