JSFiddle - React, Tailwind, and code Playground

by vaibhav saxena

HTML

<div class='parent'>
    <div class='p'></div>
    <div class='q'></div>
    <div class='r'></div>    
</div>

CSS

.p{ height: 70%;
    color:grey;
    width:25%;
}
.r{     height: 85%;
        color: blue;
        width:30%
}
.q{ height:100%;    
    color: pink;
    width:45%
}
.parent{
    height: 300px;
    color: red;
    width:300px;
}