.parent {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr 1fr;
  grid-template-rows: auto;
  gap: 10px;
}

.head {
  grid-column: span 4/span 4;
}

.left {
  grid-row: span 3/span 3;
  grid-row-start: 2;
}

.centretop {
  grid-column: span 2/span 2;
  grid-row-start: 2;
}

.right {
  grid-row: span 3/span 3;
  grid-column-start: 4;
  grid-row-start: 2;
}

.centreleft {
  grid-column-start: 2;
  grid-row-start: 3;
}

.centreright {
  grid-column-start: 3;
  grid-row-start: 3;
}

.centrebottom {
  grid-column: span 2/span 2;
  grid-column-start: 2;
  grid-row-start: 4;
}

.foot {
  grid-column: span 4/span 4;
  grid-row-start: 5;
}

.left, .right {
  width: auto;
  border-radius: 10px;
  padding: 10px;
}

/*# sourceMappingURL=layout1.css.map */