.wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
  grid-auto-rows: 200px;
}

div {
  background-color: hotpink;
}

#first {
  background-color: yellow;
  /* grid-column: 1 / span 2;*/
  grid-column-start: 1;
  grid-column-end: span 2;
  /*grid-row: 2 / 4; */
  grid-row-start: 2;
  grid-row-end: 4;
}

#third {
  width: 100px;
  height: 100px;
  /*align-self: center;*/
  /* align-self: end; */
   align-self: start; 
  /*justify-self: start;*/
   /*justify-self: center; */
   justify-self: end; 
}

#fifth {
  background-color: cyan;
  /* grid-row: 3 / span 3; */
  grid-row-start: 3;
  grid-row-end: span 3;
}