JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    Some Info<br/>
    Some Info<br/>
    Some Info<br/>
    Some Info<br/>
</div>

CSS

html,body {height:100%;margin:0}

div {
    background:blue;
    color:white;
    -webkit-transition: height 1s;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
div:hover {
    min-height:75%;
}