JSFiddle - React, Tailwind, and code Playground

by bchapman26

HTML

<div class="a">
    <div class="b">
    <p>info</p>
                <p>info1</p>
                <p>info2</p>
                <p>info3</p>
                <p>info4</p>
                <p>info5</p>
                <p>info6</p>
                <p>info7</p>
                <p>info8</p>
                <p>info9</p>
                <p>info10</p>
                <p>info11</p>
                <p>info12</p>
                <p>info13</p>
                <p>info14</p>
                <p>info15</p>
                <p>info16</p>
                <p>info17</p>
                <p>info18</p>
    </div>
</div>

CSS

html,body {
    height:100%;
}

.a {
    background-color: #ffffaa;
    position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
    padding-bottom:4em;
}

.b {
    background-color: #aaffaa;
    overflow:auto;
    width: 50%;
    height: 100%;
}