JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">
div1
<br>div1
</div>
<div id="div2">
div2
<br>div2
<br>div2
</div>
<div id="div3">
div3
<br>div3
<br>div3
<br>div3
<br>div3
<br>div3
<br>div3
<br>div3
<br>div3
</div>

CSS

body{
  display:grid;
  grid-gap: 10px;
}
#div1{
 background: red; 
 grid-column: 1;
 grid-row: 1;
}

#div2{
  background: yellow;
  grid-column: 1;
  grid-row: 2;
}

#div3{
  background: green;
  grid-column: 2;
  grid-row: 1 / 3 ;
}