JSFiddle - React, Tailwind, and code Playground

by AlienWebguy

HTML

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

CSS

#parent {
    margin:0;
    padding:0;
    height:300px;
    width:300px;
    border:1px solid black;
}

#child {
    width:260px;
    height:260px;
    border:20px solid red;
    background-color:pink;
    padding:0;
    margin:0;
}

JavaScript

$('#parent').mouseleave(function(){
    alert('left the wrapper');
});