JSFiddle - React, Tailwind, and code Playground

by D7460N

HTML

<div class="grandParent">
    <div class="parent">
        <div class="child"></div>
    </div>
    <div class="parent sibling">
        <textarea class="secondChild"></textarea>
    </div>
</div>

CSS

.grandParent {
    padding: 20px;
    background: red;
}
.parent {
    padding: 20px;
    background: blue
}
.child {
    padding: 20px;
    background: green;
}
.secondChild {
    padding: 20px;
    background: grey;
}
.sibling {
    padding: 20px;
    background: orange;
}