JSFiddle - React, Tailwind, and code Playground

by louis002

HTML

<div id="container">
    <div id="left">left side is fixed</div>
    <div id="right">right side will dynamically fill up the rest of the page</div>
</div>

CSS

#container {
 width:400px;
 height:400px; 
 border:3px solid blue;  
}

#left {
 float:left;
 width:100px;
 height:300px;
 border:3px solid green;   
}
#right {
 clear:right;
 width:100%;
 height:300px;
 border:3px solid yellow;   
}