JSFiddle - React, Tailwind, and code Playground

by Jason Rose

HTML

<div id="wrapper">
  <div id="content">Column 1 (fluid)</div>
  <div id="sidebar">Column 2 (fixed)</div>
</div>

CSS

body, html {
    height:100%;
    margin-left: 0;
    margin-top: 0;
}
#wrapper {
    margin-left: 200px;
}
#content {
    float: left;
    width: 400px;
    background-color: powderblue;
}
#sidebar {
    float: left;
    width: 200px;
    height: 100%;
    margin-left: -200px;
    background-color: palevioletred;
    position: fixed;
}