JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="img_">1</div>
  <div class="img_">2</div>
  <div class="img_">3</div>
  <div class="img_">4</div>
  <div class="img_">5</div>
  <div class="img_">6</div>
  <div class="img_">7</div>
  <div class="img_">8</div>
  <div class="img_">9</div>
  <div class="img_">10</div>
  <div class="img_">11</div>
  <div class="img_">12</div>
  <div class="img_">13</div>
  <div class="img_">14</div>
  <div class="img_">15</div>
  <div class="img_">16</div>
  <div class="img_">17</div>
  <div class="img_">18</div>
  <div class="img_">19</div>
  <div class="img_">20</div>
  <div class="img_">21</div>
  <div class="img_">22</div>
  <div class="img_">23</div>
  <div class="img_">24</div>
  <div class="img_">25</div>
  <div class="img_">26</div>
  <div class="img_">27</div>
  
</div>

CSS

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

.flex_{
  color:blue;
  flex:33.33333333333333%;
  max-width:33.33333333333333%;
}

.img_{width:100px; height:100px; background:#dc6464; margin:1%;
text-align:center; font:2em/100px calibri;
}

JavaScript

var itens = $(".img_").length;
var padrao = parseInt(itens / 3);
var coluna3 = (itens - padrao) - 1;

var coluna1 = $(".img_:lt("+padrao+")").wrapAll("<div class='flex_'></div>");

var coluna3 = $(".img_:gt("+coluna3+")").wrapAll("<div class='flex_'></div>");