JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div><div class="block-style">
        Header
    </div>

CSS

.selected {
            opacity:0.5;
        }

        .block-style {
  width: 100%;
  padding: 20px;
  background-color: #eee;
  text-align: center;
  box-sizing: border-box; 
  text-transform: uppercase;
        }