JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<div class="wrapper">
  <div class="left"></div>
  <div class="right top"></div>
  <div class="right bottom"></div>
</div>

CSS

.wrapper{
  background:red;
  clear:both;
}
.wrapper:before, .wrapper:after{
  content:"";
  display:table;
  clear:both;
}
.left{
  float:left;
  width:30%;
}
.right{
  float:right;
  width:70%;
}
.top{
  background:green;
  height:80px;
}
.bottom{
  background:blue;
  height:60px;
}