JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
  <div class="block">Hello</div>
  <div class="block">Hello</div>
   <div class="block">Hello</div>
   <div class="block">Hello</div>
   <div class="block">Hello</div>
    <div class="block">Hello</div>
</div>

CSS

.wrap {
  display: flex;
    flex-flow: row wrap;
}
.block {
  flex:1 1 33%;
  padding: 30px;
  background: #000;
  color: #fff;
  box-sizing: border-box
}
.block:nth-child(2n) {
  background: #FFF;
  color: #000;
}