JSFiddle - React, Tailwind, and code Playground

by Artem

HTML

<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

CSS

ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  border: 2px dashed #ccc;
  margin: 0;
  padding: 0;
  justify-content: space-between;
}

li {
  width: 100px;
  height: 100px;
  background-color: crimson;
  border: 1px solid #b1b1b1;
  flex-grow: 0;
}