JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
           <div class="col-md-2"><img src="icon.png" alt=""><span>Текст</span></div>
           <div class="col-md-2"><img src="icon.png" alt=""><span>Текст</span></div>
           <div class="col-md-2"><img src="icon.png" alt=""><span>Текст</span></div>
           <div class="col-md-2"><img src="icon.png" alt=""><span>Текст</span></div>
           <div class="col-md-2"><img src="icon.png" alt=""><span>Текст</span></div>
           <div class="col-md-2"><img src="icon.png" alt=""><span>Текст</span></div>
               
</div>

CSS

.row{display: flex; flex-wrap: wrap;}
.col-md-2 {
  width:calc(33.33% - 2px);
  
  height:300px;
  background:#c0c0c0;
  margin:0 1px 2px 1px;
}