JSFiddle - React, Tailwind, and code Playground

HTML

<br/>
<br/>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>

CSS

.item
{
    position: relative;
    display: inline-block;
    width: 20%;
    height: 100px;
    background-color: green;
    margin-right: 10px;
    transition: all 0.4s ease;
}

.item:hover
{
    transform: scale(1.5);
    margin-right: 40px;
    margin-left: 26px;
}