JSFiddle - React, Tailwind, and code Playground

by Liad Idan

HTML

<div class="wrap">
  <div class="item-1"></div>
  <div class="item-2"></div>
  <div class="item-3"></div>
</div>

CSS

.wrap {}

.item-1 {
  float: left;
  width: 20%;
  height: 150px;
  background: red;
}

.item-2,
.item-3 {
  float: right;
  width: 80%;
  height: 75px;
}

.item-2 {
  background: green;
}
  
.item-3 {
  background: blue;
}