JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
    
<div class="content_wrap">
    <div class="left_container">
    </div>
    
    <div class="right_container">
        <div style="background-color: blue; margin:0px; height: 1500px;"></div>
    </div>
    
</div>
    
</body>
</html>

CSS

body,html {
    height: 100%;
    width: 100%;
    background-color: #f8f8f8;
}

div.content_wrap {
    width: 100%;
    position: relative;
}

div.left_container {
    float:left;
    position:absolute;
    width: 220px;
    min-height: 100%;
    background-color: red;
}

div.right_container {
    position: relative;
    padding: 0px;
    margin-left: 220px;
    width: 1000px;
}