JSFiddle - React, Tailwind, and code Playground

by rbyers

HTML

<div id='outer'>
  Outer
  <div class='row'>Row 1</div>
  <div class='row'>Row 2</div>
  <div class='row'>Row 3</div>
</div>

CSS

#outer {
  background-color: lightblue;
  cursor: pointer;
}

.row {
  cursor: pointer;  
  background-color: lightgreen;
  height: 20px;
}