JSFiddle - React, Tailwind, and code Playground

by Tony

HTML

<div id="wrapper">
  <div class="lcolmn">
    <div class="lcontect">

    </div>

  </div>
  <div class="rcolmn">

  </div>

</div>



  <div id="wrapper">
   <div class="lcolmn">
    <div class="lcontent"></div>
   </div>
   <div class="rcolmn"></div>
  </div>

CSS

.lcolmn {
  width: 50%;
  height: 100%;
  background-color: red;
  float: left;
  height: 100vh
}
.rcolmn {
  width: 50%;
  height: 100%;
  background-color: blue;
  float: left;
  height: 100vh
}
.wrapper {
  background: green;
  margin: 0;
  padding: 0px;
}