JSFiddle - React, Tailwind, and code Playground

HTML

<div id="page"> 
    <div id="sidebar-1" class="sidebar">
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
    </div>
    <div id="content">
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum dolor
        </p>
        <p>
            Lorem ipsum...

CSS

#page
{
    width: 400px;
    margin: auto;
    background-color: #DEDEDE;
}
.sidebar
{
    position: fixed;
    top: 0;
    width: 100px;
    background-color: #CDCDCD;
}
#sidebar-1
{
    left: 50%;
    margin-left: -300px;
}
#sidebar-2
{
    right: 50%;
    margin-right: -300px;
}
body
{
    min-width: 600px;
}