JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="table">
  <li class="table-cell">a</li>
  <li class="table-cell">b</li>
  <li class="table-cell">c</li>
  <li class="table-cell">d</li>
</ul>

CSS

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

li {
	flex: 1 1 40%;
}