JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="child"></div>
</div>

CSS

.parent {
    width:200px;
    background:orange;
}
.child {
    background:red;
    width:100px;
    height:100px;
}
.child:hover {
    height:200px;
}