JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="one">One</div>
  <div class="two">Two</div>
  <div class="three">Three<br>Three<br>Three</div>
</div>

CSS

.wrapper > div {
  border: 2px solid rgb(233 171 88);
  background-color: rgb(233 171 88 / 50%);
  padding: 1em;
}
.wrapper {
  display: grid;
  gap: 10px;
  grid-template-columns: auto 200px;
  grid-template-rows: auto auto 1fr;
  
}
.one {
  grid-column: 1;
  grid-row: 1 / 4;
  height: 300px;
}
.two {
  grid-column: 2;
  grid-row: 1;
}
.three {
  grid-column: 2;
  grid-row: 2;
}