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: 6%; /*fallback for old browsers */
    margin-right: calc(5% + 10px);
    margin-left: 5%;
}