JSFiddle - React, Tailwind, and code Playground

HTML

<div id="service">
    <div id="descriptive">
    </div>
</div>

CSS

#descriptive{display:none;width:500px;height:500px;background-color:green;}
div#service:hover div#descriptive{display:inline;width:500px;height:500px;background-color:green;}



#service{
    width:50px;
    height:50px;
    background-color:blue;}