JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<div class="left">
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
</div>
<div class="right">
  <div class="block"></div>
</div>

CSS

.left, .right{
  float:left;
  box-sizing:border-box;
}
.left{
  width:30%;
  padding-right:5px;
}
.right{
  width:70%; 
  padding-left:5px;
}
.block{
  background:#aaa;
}
.left .block{
  height:50px;
  margin-bottom:10px;
}
.left .block:last-child{
  margin:0;
}
.right .block{
  height:290px;
}