JSFiddle - React, Tailwind, and code Playground

HTML

<div class="s1"></div>
<div class="s2"></div>
<div class="s2"></div>
<div class="s2"></div>
<div class="s2"></div>

CSS

.s1, .s2 {
  float:left;
  outline:1px solid #ccc
}
.s1 {
  width: 50%;
  height: 200px;
}
.s2 {
  width: 25%;
  height: 100px;
}