JSFiddle - React, Tailwind, and code Playground

by TheCrossCarrier

HTML

<div class="wrap">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
  <div class="item">7</div>
</div>

JavaScript

let blocks = [...document.querySelectorAll(".item")];

 const chunk = (a, n) => [...Array(Math.ceil(a.length / n))].map((_, i) => a.slice(n * i, n + n * i));
 
 let arr = chunk(blocks, 2);