JSFiddle - React, Tailwind, and code Playground

HTML

<html style = "height:100%;">
    <body style = "height:100%;">
<div id = "leftbar">
	<h2>Site Navigation</h2>	
</div>
<div id = "content"><p>Bla bla bla bla bla</p><p>Bla bla bla bla bla</p><p>Bla bla bla bla bla</p><p>Bla bla bla bla bla</p><p>Bla bla bla bla bla</p><p>Bla bla bla bla bla</p><p>Bla bla bla bla bla</p><p>Bla bla bla bla bla</p><p>Bla bla bla bla bla</p><p>Bla bla bla bla bla</p><p>Bla bla bla bla bla</p><p>Bla bla bla bla bla</p><p>Bla bla bla bla bla</p><p>Bla bla bla bla bla</p><p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>    <p>Bla bla bla bla bla</p>  
        </body>
    </html>
    
</div>

CSS

#leftbar{
text-shadow: 1px 1px 10px gray;
position: absolute;
top: 100px;
left: 100px;
max-width: 195px;
background-color: yellow;
color: black; 
height:100%;
border-radius: 25px;
}
#content{
    position: absolute; 
    top: 100px;
    left: 260px; 
    border-radius: 25px; 
    background-color: red; 
}