JSFiddle - React, Tailwind, and code Playground

by Vladimir Kutepov

HTML

<p><b>15:</b></p>
<ul>
  <li>Brumunddal</li>
  <li>Elverum</li>
  <li>Gjøvik</li>
  <li>Hamar</li>
  <li>Lena</li>
  <li>Lillehammer</li>
  <li>Nord-Aurdal</li>
  <li>Nord-Fron</li>
  <li>Nordre Land</li>
  <li>Østre Toten</li>
  <li>Ringsaker</li>
  <li>Rudshøgda</li>
  <li>Stange</li>
  <li>Ullensaker</li>
  <li>Vestre Toten</li>
</ul>
<p><b>10:</b></p>
<ul>
  <li>Brumunddal</li>
  <li>Elverum</li>
  <li>Gjøvik</li>
  <li>Hamar</li>
  <li>Lena</li>
  <li>Lillehammer</li>
  <li>Nord-Aurdal</li>
  <li>Nord-Fron</li>
  <li>Nordre Land</li>
  <li>Østre Toten</li>
</ul>
<p><b>5:</b></p>
<ul>
  <li>Brumunddal</li>
  <li>Elverum</li>
  <li>Gjøvik</li>
  <li>Hamar</li>
  <li>Lena</li>
</ul>
<p><b>2:</b></p>
<ul>
  <li>Hamar</li>
  <li>Lena</li>
</ul>

CSS

ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  list-style: none;
  margin: 0 0 0 -2px;
  padding: 0;
}

li {
  flex-grow: 1;
  flex-basis: 240px;
  border: 1px solid;
  padding: 10px;
  margin: 0 0 2px 2px;
}