JSFiddle - React, Tailwind, and code Playground

by Ozgur Ozer

HTML

<div class="flex">
  <div class="left">left</div>
  <div class="right">right</div>
</div>

SCSS

$leftWidth: 200px;

html, body, .flex {
  height: 100%;
}
body {
  margin: 0;
}
.flex {
  display: flex;
}
.left {
  width: 300px;
  background-color: #eee;
}
.right {
  background-color: #ccc;
  width: calc(100% - 300px);
}