JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sidebar">Sidebar</div>
<div id="content">Content</div>

CSS

html, body { width: 100%; height: 100%; }

#sidebar { float: left; width: 100px; height: 100%; background: red; }
#content { margin-left: 100px; height: 100%; background: blue; }