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>

CSS

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