JSFiddle - React, Tailwind, and code Playground

HTML

<div class="top">top</div>
<div class="left">left</div>
<p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque sapiente minima iure tenetur ipsum quisquam. Quam fugit voluptatum ullam blanditiis est perspiciatis sunt nostrum. Commodi velit mollitia eos dolorem minima eum soluta doloribus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est iusto amet facere blanditiis accusantium inventore aliquid ullam commodi unde alias odio cum corruptilorem Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus libero sequi reprehenderit tenetur sint debitis aperiam impedit quidem maxime quo laudantium in consequuntur magni aspernatur facere ut asperiores eaque reiciendis eum voluptatem! Perferendis mollitia eaque. Illum architecto sunt minima incidunt possimus excepturi sint iste quis est natus enim sapiente distinctio adipisci ea magni ut qui ratione debitis amet eius. Accusamus eligendi inventore nobis quibusdam nostrum minima quae maxime aliquid cum id sapiente impedit adipisci voluptate laudantium velit laboriosam ex enim numquam vitae nulla consequuntur molestiae recusandae ad earum animi quidem molestias fugiat quo aspernatur ea reprehenderit ullam autem omnis consectetur. voluptates nulla quisquam dicta delectus pariatur vitae harum temporibus aut at nemo quasi ut velit fuga placeat nostrum facilis eos perspiciatis officiis eius consequuntur adipisci. Animi iste possimus similique in saepe quis ratione nam officia veniam. Quidem maxime culpa ex temporibus deleniti quos molestiae ut in sint cumque! Fuga officia corporis ab similique porro molestias omnis eveniet praesentium non quisquam. Necessitatibus labore alias officia provident laborum ullam inventore voluptatem eum quia minima quibusdam dolorem obcaecati recusandae eveniet!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores fugiat amet ea dolorum facilis omnis rerum eum pariatur cupiditate ullam illo veniam cum dolorem minus inventore magnam...

CSS

*{
    margin: 0;
    padding: 0;
}
body {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
}

p.content {
        padding: 40px 31% 10px 31%;
}

.top {
    width: 100%;
    height: 40px;
    background: #eeeeee;
    line-height: 40px;
    text-align: center;
    
    position: fixed;
    top: 0;
    left: 0;
}

.left {
    width: 30%;
    height: 100%;
    background: #dddddd;
    position: fixed;
    text-align: center;
    left: 0;
    top: 40px;
}

.right {
    width: 30%;
    height: 100%;
    background: #aaaaaa;
    text-align: center;
    position: fixed;
    right: 0;
    top: 40px;
    
}