JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
 <div class="box__item box__item--side ">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur quas voluptatum fuga reiciendis perferendis et nesciunt minima dolor, voluptatem laudantium cum mollitia obcaecati, impedit laboriosam officiis amet libero blanditiis tenetur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum fugiat consequuntur, nihil commodi repellat nostrum? Cumque ipsum consectetur rem delectus.</div>
 <div class="box__item">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur quas Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut atque laboriosam nobis hic expedita non ut molestiae odio facilis dolor error libero eaque autem voluptatum recusandae consectetur esse, nulla, magni placeat </div>
  <div class="box__item box__item--side">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur quas voluptatum fuga reiciendis perferendis et nesciunt minima dolor, voluptatem laudantium cum mollitia obcaecati, impedit laboriosam officiis amet libero blanditiis tenetur! Lorem ipsum dolor sit amet, consectetur. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur inventore, similique nulla rerum aspernatur et, officia illo minima fuga, numquam cumque soluta, porro magni.</div>
   <div class="box__item box__item--4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur quas voluptatum fuga reiciendis perferendis et nesciunt minima dolor, voluptatem laudantium cum mollitia obcaecati, impedit laboriosam officiis amet libero blanditiis tenetur! Lorem ipsum dolor sit amet.</div>
</div>

CSS

@import url('https://fonts.googleapis.com/css2?family=Neucha&display=swap');


* {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'Neucha', cursive;
}
.box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: min-content;
  grid-auto-rows: min-content min-content  min-content  min-content;
  gap: 20px;
  
}
.box__item {
  grid-row: span 2; 
  align-self: start;
  padding: 20px;
  background: #eee;
}
.box__item--side {
  grid-row: span 4;
 
}

.box__item--4 {
  grid-column: 2;
}