JSFiddle - React, Tailwind, and code Playground

by achudars

HTML

<div id="A">
    <div id="B">
        <div id="D">
            <div id="I"></div>
            <div id="J"></div>
        </div>
        <div id="E"></div>
        <div id="F"></div>
    </div>
    <div id="C">
        <div id="G"></div>
        <div id="H"></div>
    </div>
</div>

CSS

#A {background: red; border: 2px; width: 100%; height: 100%;}
#B {background: blue; border: 2px;}
#C {background: green; border: 2px;}
#D {background: yellow; border: 2px;}
#E {background: purple; border: 2px;}
#F {background: black; border: 2px;}
#G {background: white; border: 2px;}
#H {background: grey; border: 2px;}
#I {background: pink; border: 2px;}
#J {background: black; border: 2px;}