.xgrid-basic-HStCQ {
 display: grid;
 grid-template-rows: 1fr 3fr 1fr;
 gap: 2px;
 > div {
  border: solid 1px grey;
 }
}

.xgrid-5rows {
 display: grid;
 grid-template-rows: 1fr 3fr 1fr 2fr 1fr;
 gap: 2px;
 > div {
  border: solid 1px grey;
 }
}

.xgrid-both-q3r8g {
 display: grid;
 grid-template-columns: 1fr 2fr 1fr;
 grid-template-rows: 1fr 2fr 1fr;
 gap: 2px;
 > div {
  border: solid 1px grey;
 }
}

.xgrid-vCFr7 {
 display: grid;
 grid-template-columns: 1fr 4fr 1fr;
 grid-template-rows: 1fr 4fr;
 gap: 2px;
 > div {
  border: solid 1px grey;
 }
}