JSFiddle - React, Tailwind, and code Playground

by Nikita Jadhao

HTML

<body>
  <div style="height:90%">
    <div id="left"class="someClass">
      <div>1</div>
    </div>
    <div id="middle"class="someClass">
      <div>2</div>
    </div>
    <div id="right"class="someClass">
      <div>3</div>
    </div>
  </div>
</body>

CSS

html,body {
  margin:0;
  padding:0;
  height:100%;
  width:100%;
  }
.someClass{
  float:left;
  width:33%;
  min-width:300px;
  border-right:1px solid;
  margin-bottom:1%;
  height:100%;
}
#right{
    border-right:0px;
}