.xgrid-main-RrpYB {
 display: grid;
 grid-template-columns: 1fr 4fr;
 grid-template-rows: auto auto auto;
 margin: 15px;
 gap: 1px;
 grid-template-areas:
  "a a"
  "b c"
  "d d";
 > * {
  border: solid 2px silver;
 }
 > .main {
  grid-area: c;
  height: 60px;
 }
 > .header {
  grid-area: a;
 }
 > .sidebar {
  grid-area: b;
 }
 > .footer {
  grid-area: d;
 }
}

.xgrid-nil54 {
 display: grid;
 > div {
  border: solid 1px grey;
 }
}

.xgrid-extra-kFNk4 {
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-template-rows: 1fr 1fr;
 > div {
  border: solid 1px grey;
 }
}