JSFiddle - React, Tailwind, and code Playground

HTML

<div><span>SekolahKoding</span></div>
<p>Hover me</p>

CSS

div {
    width: 150px;
    height: 150px;
    background: blue;
    margin: 0 auto;
    display: flex;
    align-items : center;
    justify-content: center;
    -webkit-transition: width 1s, height 1s, -webkit-transform 1s;
    transition: width 1s, height 1s, transform 1s;
}
div:hover {
    -webkit-transform: scale(2,1);
    transform: scale(2,1);
}
span {
    color: white;
}
p {
    width: 70px;
    margin: 0 auto;
}