JSFiddle - React, Tailwind, and code Playground

by lshettyl

HTML

<div class="col_1_6">1</div>
<div class="col_1_4">2</div>

<div class="col_1_6">3</div>
<div class="col_1_4">4</div>

<div class="col_1_4">5</div>
<div class="col_1_6">6</div>

CSS

.row { border: 1px solid green; margin: 10px 0; }

JavaScript

$('div[class^="col_1"]').each(function(ind) {    
    ind%2 === 0 && ($(this).add($(this).next()).wrapAll('<div class="row"></div>'));
});