.grid-container-17 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
  grid-template-areas: 
    "a a b1 b2"
    "a a b3 b4"
  ;
}

.a-17 {
  grid-area: a;
}
.b1-17 {
  grid-area: b1;
}
.b2-17 {
  grid-area: b2;
}
.b3-17 {
  grid-area: b3;
}
.b4-17 {
  grid-area: b4;
}


@media screen and (max-width: 1024px) {
  .grid-container-17 {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, auto);
    grid-template-areas:
      "a a"
      "b1 b2"
      "b3 b4"
    ;

  } 
  
}