JSFiddle - React, Tailwind, and code Playground

by skanehira

HTML

<div class="wrapper">
  <div class="item">item1</div>
  <div class="item">item2</div>
  <div class="item">item3</div>
  <div class="item">item4</div>
  <div class="item">item5</div>
  <div class="item">item6</div>
  <div class="item">item7</div>
  <div class="item">item8</div>
  <div class="item">item9</div>
  <div class="item">item10</div>
</div>


<style>
  .wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, 60px);
    grid-gap: 5px;
  }


  .item {
    text-align: center;
    background-color: gray;
    color: white;
  }

</style>