JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="child">a</div>
    <div class="child">b</div>
    <div class="child">a</div>
    <div class="child">b</div>
</div>

SCSS

.parent{
  height:200px;
  width:100%;
  display:flex;
  flex-direction:column;
}
.child{
  width:100%;
  height:100%;
  background-color:#ccc;
  &:nth-child(odd){
    background-color:#eee;
  }
}