JSFiddle - React, Tailwind, and code Playground

by Sergey Goryachev

HTML

<div class="wrapper">
  <div class="block block__left"></div>
  <div class="block block__right"></div>
  <div class="block block__left"></div>
  <div class="block block__right"></div>
  <div class="block block__left"></div>
</div>

CSS

.block {
  width: 45%;
  height: 250px;
  margin: 2.5%;
}
.block__left {
  float: left;
  background: red;
}
.block__right {
  height: 500px;
  float: right;
  background: green;
}