Tailwind Flex Wrap with Row spacing

tailwind-flex-wrap-row-space.html

// Apply negative value to the items you want to add to each child
// In this example, the first row and last items to the right will have the overlap the negative values to create the effect of them not being there

<div class="flex flex-wrap -mt-2 -mr-2">
  // forEach, map etc
  // Apply a positive value to the items you want to add to each child. 
  <div class="mt-2 mr-2">Loop Item</div>
</div>