#container {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-auto-rows: 50px;

  border: 2px solid purple;

}

​

#container > div {

  border: 1px solid grey;

  font-size: 30px;

  padding: 4px;

  background-color: greenyellow;

  background-clip: content-box;

}

​

#container > div:nth-child(1) {

  grid-column-start: 1;

  grid-column-end: 4;

  grid-row-start: 1;

  grid-row-end: 3;

}

#container > div:nth-child(2) {

  grid-column-start: 1;

  grid-row-start: 3;

  grid-row-end: 5;

}

​

#container > div:nth-last-child(1) {

  grid-column-start: 2;

  grid-column-end: 4;

}

​