#container {

  display: grid;

  border: 2px solid purple;

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

  grid-auto-rows: 100px;

  grid-gap: 10px;

  align-items: center;

}

​

#container > div {

  border: 1px solid grey;

  text-align: center;

  background-clip: content-box;

  padding: 4px;

  font-size: 20px;

  background-color: greenyellow;

}

​

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

  align-self: flex-start;

}

​

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

  align-self: baseline;

}

​

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

  align-self: flex-end;

}

​

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

  align-self: center;

}

​