JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top_bar"></div>
<div id="side_bar">links here</div>
<div id="content">
    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>    Some text<br>
</div>

CSS

body {
    margin:0px;
    padding:0px;
}

#side_bar {
    width:50px;
    position: fixed;
    left:0px;
    top:20px;
    background-color:blue;
}

#top_bar {
    position:fixed;
    height:20px;
    left:0px;
    right:0px;
    background-color:red;
}

#content {
    position:relative;
    padding-left:55px;
    padding-top:25px;
}