JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="four columns">1</div>
<div class="four columns">2</div>
<div class="four columns">3</div>
<div class="four columns">4</div>
<div class="four columns">1</div>
<div class="four columns">2</div>
<div class="four columns">3</div>
<div class="four columns">4</div>
<div class="four columns">1</div>
<div class="four columns">2</div>
<div class="four columns">3</div>
<div class="four columns">4</div>
<div class="four columns">1</div>
<div class="four columns">2</div>
<div class="four columns">3</div>
<div class="four columns">4</div>
<div class="four columns">1</div>
<div class="four columns">2</div>
<div class="four columns">3</div>
<div class="four columns">4</div>
<div class="four columns">1</div>
<div class="four columns">2</div>
<div class="four columns">3</div>
<div class="four columns">4</div>
<div class="four columns">1</div>
<div class="four columns">2</div>
<div class="four columns">3</div>
<div class="four columns">4</div>
<div class="four columns">1</div>
<div class="four columns">2</div>
<div class="four columns">3</div>
<div class="four columns">4</div>
<div class="four columns">1</div>
<div class="four columns">2</div>
<div class="four columns">3</div>
<div class="four columns">4</div>
<div class="four columns">1</div>
<div class="four columns">2</div>
<div class="four columns">3</div>
<div class="four columns">4</div>
<div class="four columns">1</div>
<div class="four columns">2</div>
<div class="four columns">3</div>
<div class="four columns">4</div>
<div class="four columns">1</div>
<div class="four columns">2</div>
<div class="four columns">3</div>
<div class="four columns">4</div>
<div class="four columns">1</div>
<div class="four columns">2</div>
<div class="four columns">3</div>
<div class="four columns">4</div>
<div class="four columns">1</div>
<div class="four columns">2</div>
<div class="four columns">3</div>
<div class="four columns">4</div>
</div>

CSS

.row {
  border:1px solid;
}

JavaScript

var list = $('.four');
for (var i = 0; i < list.length; i += 4) {
  list.slice(i, i + 4).wrapAll("<div class='row'></div>");
}