JSFiddle - React, Tailwind, and code Playground

by SpiceLab

HTML

<ul>
  <li>
    <div>box 1</div>
    <div>box 2</div>
    <div>box 3</div>  
    <div>box 4</div>
    <div>box 5</div>
  </li>
  <li>
    <div>box 6</div>
    <div>box 7</div>
    <div>box 8</div>  
    <div>box 9</div>
    <div>box 10</div>
  </li>
  <li>
    <div>box 11</div>
    <div>box 12</div>
    <div>box 13</div>  
    <div>box 14</div>
    <div>box 15</div>
  </li>
</ul>

CSS

* {
  margin:0;
  padding:0
}

ul {
  display:table;
  width:100%;
  border-spacing:10px
}
ul li {
  display:table-row;
  margin:5px  
}
ul li div {
  display:table-cell;
  box-sizing:border-box;
  border:2px dashed lightgrey;
  border-radius:4px;
  /*width:225px;*/
  height:150px;
  padding:4px;
  margin:5px
}