JSFiddle - React, Tailwind, and code Playground

by hiral

HTML

<div class="table">
  <div class="cell">
  <section>
    <p>
    
    </p>
  </section>
  </div>
  <div class="cell aside">
  </div>
</div>

CSS

html,body{
  margin:0
}
html,body,.table{
  height:100%;
  width:100%
}
.table{
  display:table;
  table-layout:fixed;
}
.cell{
  display:table-cell
}
.aside{
  background:#ccc;
  width:100px
}
section{
  background:#fff;
  overflow:auto;
  width:100%;
}
p{
  width:600px;
    height:300px;
}