JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="container">
  <ul>
    <li>01</li>
    <li>01</li>
    <li>01</li>
    <li>01</li>
    <li>01</li>
    <li>01</li>
  </ul>
</div>

CSS

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}
.container ul {
  display: contents;
}
.container li {
  background: red;
  padding: 10px;
}