JSFiddle - React, Tailwind, and code Playground

by trkli

HTML

<div class="div">
  <div class="el">test</div>
  <div class="el">test</div>
  <div class="el">test</div>
  <div class="el">test</div>
  <div class="el">test</div>
  <div class="el">test</div>
</div>

CSS

.div {

  display: flex;

  flex-wrap: wrap;
}

.el {
flex-basis: 50%; /* CHANGED from -> width: 50% */
  background-color: cyan;
  border-radius: 9px;
  box-shadow: inset 0 0 1px red;
}