<div class="wrapper">
  <div class="q"></div>
  <div class="w"></div>
  <div class="e"></div>
  <div class="r"></div>
  <div class="t"></div>
  <div class="y"></div>
</div>

.wrapper {
  grid-gap: 30px;
  display: grid;
    grid-template:
      "q w w e" 
      "q w w e" 
      "r r t e" 
      "r r y y";
}
.wrapper div{
  width: 100;
  min-height: 200px;
  background: red;
}
.q{grid-area: q;}
.w{grid-area: w;}
.e{grid-area: e;}
.r{grid-area: r;}
.t{grid-area: t;}
.y{grid-area: y;}