JSFiddle - React, Tailwind, and code Playground

by anmol sandal

HTML

<div id="site-wrapper">
  <div id="left">
    Lorem ipsum blablabla<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    Lorem ipsum blablabla<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    Lorem ipsum blablabla<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    Lorem ipsum blablabla<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    Lorem ipsum blablabla<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    Lorem ipsum blablabla
  </div>
  <div id="right">
    Lorem ipsum blablabla<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    Lorem ipsum blablabla<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    Lorem ipsum blablabla<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    Lorem ipsum blablabla
  </div>
</div>

CSS

#site-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}

#left {
  width: 50%;
  background: green;
  float: left;
}

#right {
  width: 50%;
  background: red;
  float: left;
}