JSFiddle - React, Tailwind, and code Playground

by Pasky Org

HTML

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

CSS

ul {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  list-style-type: none;
}
li {
  text-align:center;
  min-width:100px;
  width:25%;
  background-color:blue;
  padding:20px;
  margin:10px;
  flex-grow: 1;
}