<div class="wrapper">
  <div class="wrapper__el"></div>
  <div class="wrapper__el">
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
  </div>
  <div class="wrapper__el"></div>
</div>

.wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.wrapper__el {
  padding: 10px;
  min-height: 50px;
  background-color: plum;
}

.wrapper__el:first-child {
  grid-row: span 2;
}

@media (max-width: 768px) {
  .wrapper {
    grid-template-columns: 1fr;
  }
}

.content {
  margin-bottom: 5px;
  width: 100%;
  height: 50px;
  background-color: salmon;
}

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