JSFiddle - React, Tailwind, and code Playground

by Egor Jvechkin

HTML

<div class="class1">
  <div class="class2">
    <div class="class3"></div>
  </div>
</div>

SCSS

.class1 { background: tomato; width: 600px; height: 270px; }
.class2 { background: cyan; width: 50%; height: 270px; }
.class3 { background: gold; width: 50%; height: 270px; }