JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div>
        <div id="mainContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc arcu enim, fringilla in augue at, lacinia pulvinar quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce pellentesque augue et mi convallis, ut sodales lorem adipiscing. Nam quis tortor eros. Nam lobortis, nisl vitae convallis cursus, leo neque malesuada mauris, eget ultrices mauris tortor et urna. Proin rhoncus sodales tortor, eget facilisis libero iaculis nec. Vestibulum ultrices vitae metus dapibus pretium. Aliquam posuere dolor eu diam sollicitudin, non scelerisque est egestas. Praesent sit amet tortor in diam porttitor luctus Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc arcu enim, fringilla in augue at, lacinia pulvinar quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce pellentesque augue et mi convallis, ut sodales lorem adipiscing. Nam quis tortor eros. Nam lobortis, nisl vitae convallis cursus, leo neque malesuada mauris, eget ultrices mauris tortor et urna. Proin rhoncus sodales tortor, eget facilisis libero iaculis nec. Vestibulum ultrices vitae metus dapibus pretium. Aliquam posuere dolor eu diam sollicitudin, non scelerisque est egestas. Praesent sit amet tortor in diam porttitor luctus</div>
    </div>
    <div id="list">
        <ol>
            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc arcu enim, fringilla in augue at, lacinia pulvinar quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce pellentesque augue et mi convallis, ut sodales lorem adipiscing.</li>
            <li>Nam quis tortor eros. Nam lobortis, nisl vitae convallis cursus, leo neque malesuada mauris, eget ultrices mauris tortor et urna. Proin rhoncus sodales tortor, eget facilisis libero iaculis nec. Vestibulum ultrices vitae metus dapibus pretium.</li>
            <li>Aliquam posuere dolor eu diam...

CSS

body {
    background: #1b242b;
    font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 16px;
    overflow-y: scroll;
}
#mainContent {
    background-color: pink;
    position: relative;
    width: 300px;
    padding-top: 30px;
    padding-bottom: 40px;
    padding-right: 10px;
    padding-left: 60px;
}
#list {
    background-color: lightblue;
    position: fixed;
    overflow: hidden;
    float: left;
    width: 150px;
    min-height: 15px;
    font-size: 15px;
    top: 20px;
    margin-left: 400px;
    padding-right: 20px;
}