JSFiddle - React, Tailwind, and code Playground

HTML

<div class="el__wrap">  
  <div class="el">
    <div class="el-inner">
      Block
    </div>      
  </div>
  <div class="el">
    <div class="el-inner">
      Block
    </div>      
  </div>
  <div class="el">
    <div class="el-inner">
      Block
    </div>      
  </div>
  <div class="el">
    <div class="el-inner">
      Block
    </div>      
  </div>
  <div class="el">
    <div class="el-inner">
      Block
    </div>      
  </div>
  <div class="el">
    <div class="el-inner">
      Block
    </div>      
  </div>
  <div class="el">
    <div class="el-inner">
      Block
    </div>      
  </div>
  <div class="el">
    <div class="el-inner">
      Block
    </div>      
  </div>
  <div class="el">
    <div class="el-inner">
      Block
    </div>      
  </div>
  <div class="el">
    <div class="el-inner">
      Block
    </div>      
  </div>
  <div class="el">
    <div class="el-inner">
      Block
    </div>      
  </div>
  <div class="el">
    <div class="el-inner">
      Block
    </div>      
  </div>
 </div>

CSS

.el__wrap{
  display: flex;
  flex-wrap: wrap;
}

.el{  
  width: calc(100% / 6);  
  padding: 10px;
  box-sizing: border-box;
}

.el-inner {
  background: #ccc;
  width: 100%;
  height: 100px;
}