title: Multiple divs with 2 rows and unlimited columns
body: <p>I have 10 divs coming from JSON data, I want to add a div after every 2 divs.
  My HTML code is like this</p>
  
  <pre><code>&lt;div class="imgs"&gt;
      &lt;div class="fixed"&gt;1&lt;/div&gt;
      &lt;div class="fixed"&gt;2&lt;/div&gt;
      &lt;div class="fixed"&gt;3&lt;/div&gt;
      &lt;div class="fixed"&gt;4&lt;/div&gt;
      &lt;div class="fixed"&gt;5&lt;/div&gt;
      &lt;div class="fixed"&gt;6&lt;/div&gt;
      &lt;div class="fixed"&gt;7&lt;/div&gt;
      &lt;div class="fixed"&gt;8&lt;/div&gt;
      &lt;div class="fixed"&gt;9&lt;/div&gt;
      &lt;div class="fixed"&gt;10&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is it possible to group the divs in parent divs like this?</p>
  
  <pre><code>&lt;div class="imgs"&gt; 
      &lt;div class="set"&gt;
          &lt;div class="fixed"&gt;1&lt;/div&gt;
          &lt;div class="fixed"&gt;2&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="set"&gt;
          &lt;div class="fixed"&gt;3&lt;/div&gt;
          &lt;div class="fixed"&gt;4&lt;/div&gt;
      &lt;/div&gt;
    ...
  &lt;/div&gt;
  </code></pre>