JSFiddle - React, Tailwind, and code Playground

by shahryar saljoughi

HTML

<div id="main" class="clear">
  <div id="sidebar"></div>
  <div id="page-wrap"></div>
</div>

CSS

#main {
    /* margin: auto; */
    width: 100%;
}

#sidebar    {
    width: 100px;
    min-height: 600px;
    background: red;
    display: inline-block;
    /* float: left; */
}

#page-wrap  {
    width: 100px;
    background: #0f0;
    min-height: 200px;
    /* float: left; */
    display: inline-block;
    position: absolute;
    top: 0px;
}