JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
    <li>5</li>

</ul>

CSS

ul {
  display: flex;
  flex-wrap: wrap;
}

li {
  flex-grow: 1;
  min-width: calc(50% - 10px);
}

ul {
    list-style: none;
  padding: 0;
  margin: -5px;
}

li {
  margin: 5px;
    background-color: tomato;

}

* {box-sizing: border-box;}