JSFiddle - React, Tailwind, and code Playground

HTML

<div class="InfoPanel">
    <div class="Header">Header</div>
    <div class="Content">
        START<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>C<br/>END<br/>
    </div>
</div>

CSS

.InfoPanel 
{
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
}

.Header 
{
    height:30px; line-height:30px;
    background:#c1c1c1;
}

.Content 
{
    overflow:auto; height:100%;
    background:#f1f1f1;
}