.container {
    display: grid;
    grid-template-rows: 1fr 6fr repeat(3, 2fr);
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas:
      "item1 item2 item2 item2"
      "item3 item3 item3 item3"
      "item4 item4 . item5"
      "item4 item4 . item6"
      "item7 item7 item7 item7";
  }
  
  .item {
    font-size: 2rem;
  }
  
  .item2 {
      grid-area: item2;
  }
  
  .item3 {
      grid-area: item3;
  }
  
  .item4 {
      grid-area: item4;
  }
  
  .item5 {
      grid-area: item5;
  }
  
  .item6 {
      grid-area: item6;
  }
  
  .item7 {
      grid-area: item7;
  }