JSFiddle - React, Tailwind, and code Playground

by Zeaklous

HTML

<div id="parent">
    <div id="scroll">
        content<br/>content<br/>content<br/>content<br/>content<br/>
        content<br/>content<br/>content<br/>content<br/>content<br/>
        content<br/>content<br/>content<br/>content<br/>content<br/>
        content<br/>content<br/>content<br/>content<br/>content<br/>
        content<br/>content<br/>content<br/>content<br/>content
    </div>
    <div id="grow">
        as this content grows,
        the above content above gets smaller,
        but is scrollable,
    </div>
</div>

CSS

#parent{
    height : 300px;
    width  : 500px;
}
#scroll{
    height   : 100%;
    overflow:auto;
}