.parent {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-gap: 10px;
margin: 100px;
}

.body1 {
  grid-area: 1 / 2 / 5 / 5;
  background-color: gray;
  padding: 5px;
}
.left {
  grid-area: 1 / 1 / 6 / 2;
  background-color: lightgray;
  padding: 5px;
}
.right {
  grid-area: 1 / 5 / 6 / 6;
  background-color: lightgray;
}
.body2 {
  grid-area: 5 / 2 / 6 / 5;
  background-color: lightgray;
}