JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mainDiv">
  <span>this is demo</span>
  <div id="layoutDiv">
    <span>this is demo line 1</span>
    <div id="contentDiv">this is demo line 2</div>
  </div>
</div>

CSS

#mainDiv{background-color : rgba(22,176,33,0.9);
}

#layoutDiv{
background-color:rgba(233,176,288,0.5)
}
#contentDiv{
background-color:rgba(233,55,44,1)
}