JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">

<div class="item bigger">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item ">5</div>

</div>

CSS

#container
{
  width: 200px;
}

.item
{
  width: 48.9%;
  float: left;
  height: 100px;
  border: 1px solid red
}

.bigger
{
  height: 150px
}