BFE.devAI解答 - CSS 问题
22. Grid Layout 1

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.item {
  background-color: #BFEBFE;
}
.a {
  grid-row: 1;
  grid-column: 1;
}
.b {
  grid-row: 2;
  grid-column: 1;
}
.c {
  grid-row: 3;
  grid-column: 1;
}
.d {
  grid-row: 1;
  grid-column: 2;
}
.e {
  grid-row: 2;
  grid-column: 2;
}
.f {
  grid-row: 3;
  grid-column: 2;
}
.g {
  grid-row: 1;
  grid-column: 3;
}
.h {
  grid-row: 2;
  grid-column: 3;
}
.i {
  grid-row: 3;
  grid-column: 3;
}