JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
    <div class="content"></div>
    </div>

CSS

body,html{
    height:100%;
}
#main{
    width:100%;
    height:100%;
    background-color:black;
    overflow:auto;
}

.content{
    width:500px;
    height:400px;
    margin:0 auto;
    background-color:white;
    transition: all 1s ease;
    -webkit-transition:all 1s ease;
}

.content:hover{
    width:120%;   
}
}