JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
 <div class="block">
   <p>1</p>
 </div>
 <div class="block">
   <p>2</p>
 </div>
 <div class="block">
   <p>3</p>
 </div>
 <div class="block">
   <p>4</p>
 </div>
 <div class="block">
   <p>5</p>
 </div>
 <div class="block">
   <p>6</p>
 </div>
</div>

CSS

.container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.block {
  width: 50px;
  height: 50px;
}
.block p {
  background: blue;
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 50px;
}