JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex-grid">
	  <div class="flex-col">Item1</div>
	  <div class="flex-col">Item2</div>
	  <div class="flex-col">Item3</div>
	  <div class="flex-col">Item4</div>
	</div>
	<div class="flex-grid">
	  <div class="flex-col">Item5</div>
	  <div class="flex-col">Item6</div>
	  <div class="flex-col">Item7</div>
	  <div class="flex-col">Item8</div>
	</div>
	<div class="flex-grid">
	  <div class="flex-col">Item9</div>
	  <div class="flex-col">Item10</div>
	  <div class="flex-col">Item11</div>
	  <div class="flex-col">Item12</div>
	</div>

CSS

.flex-grid {
	  display: flex;
	}
	.flex-col {
	  flex: 1;
	}