JSFiddle - React, Tailwind, and code Playground

HTML

<div id="field"></div>

CSS

#field {
    width: 100%;
}
.item {
    float: left;
    width: 10%;
    padding-bottom: 10%;
    
    box-sizing: border-box;
    border: 1px solid black;
}

JavaScript

$(document).ready(function() {
  var $field = $('#field');
  var boxes = [];
  for (var i = 0; i < 100; i++) {
    boxes.push('<div class="item"></div>');
  };
  $field.append(boxes.join(''));
});