JSFiddle - React, Tailwind, and code Playground

by Liu ChangFeng

HTML

<div class="main">
  <div class="in"></div>
</div>
<div class="left"></div>
<div class="right"></div>

SCSS

html,
body {
  height: 90%;
}

.main {
  width: 100%;
  height: 100%;
  float: left;
  .in {
    margin: 0 110px;
    background-color: pink;
    height: 100%;
  }
}

.left,
.right {
  height: 100%;
  width: 100px;
  float: left;
  background-color: lightgreen;
}

.left {
  margin-left: -100%;
}

.right {
  margin-left: -100px;
  background-color: #CFC;
}