JSFiddle - React, Tailwind, and code Playground

by mkirkland616

HTML

<div class="wrapper">
    <div class="left"></div>
  	<div class="right">
        <span>Right Box</span>
    </div>
  	
</div>

CSS

.wrapper {
    position: relative;
    height: calc(100vh - 20px);
}

.left {
    position: absolute;
    left: 0px;
    width: 30px;
    height: 100%;
    background-color: grey;
}
.right {
    margin-left: 30px;
    background-color: lightgrey;
    height: 100%;
}

.left {
    border: 1px solid #333;
}
.right {
    border: 1px solid #aaa;
}