title: Map an Array by every two elements
body: <p>Lets say I have an array of services objects</p>
  
  <pre><code>services: [{title: title, caption: caption},{title: title, caption: caption},{title: title, caption: caption},{title: title, caption: caption}]
  </code></pre>
  
  <p>The end result is a mapped array with every two elements in it's own div.  </p>
  
  <pre><code>&lt;div&gt;
   &lt;div&gt;services[0]&lt;/div&gt;
   &lt;div&gt;services[1]&lt;/div&gt;
  &lt;/div&gt;
  &lt;div&gt;
   &lt;div&gt;services[2]&lt;/div&gt;
   &lt;div&gt;services[3]&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I cant wrap my head around how I would achieve this?  Map and split the array by every two elements?  Split the array into two arrays, then map that? Is it to early in the morning?  Yes it is. </p>