Высота в flexbox

.row { 
  display: flex; 
  flex-wrap: wrap; 
  align-items: center; 
} 
 
.col-6 { 
  border-color: red; 
  flex-basis: 50%; 
  box-sizing: border-box; 
  border-style: solid; 
  border-width: 1px; 
  border-color: red; 
}

<div class="row"> 
  <div class="col-6"> 
    1 колонка 
  </div> 
  <div class="col-6 row"> 
    <div class="col-6"> 
      2.1 колонка 
    </div> 
    <div class="col-6"> 
      2.2 колонка 
    </div> 
    <div class="col-6"> 
      2.3 колонка 
    </div> 
    <div class="col-6"> 
      2.4 колонка 
    </div> 
  </div> 
</div>

.main { 
  display: grid; 
  grid-template: 70px 70px / 100px 100px 100px; 
  grid-gap: 10px; 
} 
 
.left { 
  grid-area: 1 / 1 / 3 / 2; 
} 
 
.cell { 
  border: 3px solid red; 
}

<div class="main"> 
  <div class="cell left"></div> 
  <div class="cell"></div> 
  <div class="cell"></div> 
  <div class="cell"></div> 
  <div class="cell"></div> 
</div>