JSFiddle - React, Tailwind, and code Playground

by Uday Reddy

HTML

<div id="box">
    <div id="innerBox"></div>
</div>

CSS

#box {
    position:relative;
    display:block;
    height:100px;
    width:100px;
    background-color:red;
}
#innerBox {
    display:block;
    height:25px;
    width:25px;
    background-color:black;
}
#innerBox:hover #box{
   width:1px;
}