JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="grid">
    <span>0</span>
    <span>1</span>
    <span>2</span>
    <span>3</span>
    <span>4</span>
    <span>5</span>
    <span>6</span>
    <span>7</span>
    <span>8</span>
    <span>9</span>
  </div>
</div>

CSS

.container {
  height: 100px;
}

.grid {
  border-right: 1px solid black;
  height: 100%;
  display: inline-grid;
  grid: repeat(auto-fit, 40px) / auto-flow;
  grid-auto-columns: 40px;
}