JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<div class="intro">Intro</div>
<section class="section">1</section>
<section class="section">2</section>
<section class="section">3</section>
<section class="section">4</section>
<section class="section">5</section>
<section class="section">6</section>
<section class="section">7</section>

CSS

section {
    text-align: center;
    height: 100px;
    line-height: 100px;
}
.intro {
    background: #bbb;
}
.section {
  background: #FEE;
}
.section:nth-child(2n) {
   background: #EFE;
}