<div class="wrapper">
  <div class="col">
    <div class="item item-1"></div>
  </div>
  <div class="col">
    <div class="item item-2"></div>
    <div class="item item-3"></div>
  </div>
  <div class="col">
    <div class="item item-3"></div>
    <div class="item item-2"></div>
  </div>
</div>

.wrapper {
  display: grid;
  grid-template-columns: 400px repeat(2, 200px);
  grid-column-gap: 30px;
}

.item {
  background: red;
  margin-bottom: 30px;
  width: 100%;
}

.item:last-child {
  margin-bottom: 0;
}

.item-1 {
  height: 400px;
}

.item-2 {
  height: 270px;
}

.item-3 {
  height: 100px;
}