* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.body {
  background-color: blue;
}
section {
  max-width: 1400px;
  min-height: 600px;
}
.container {
  margin: 0 auto;
  padding: 50px 50px;
}
.parent {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(5, 150px);
  gap: 5px;
}
.parent div {
  background-color: white;
  color: rgb(11, 11, 172);
  font-weight: bold;
  display: grid;
  place-items: center;
}
.child-1 {
  grid-column: 1/2;
  grid-row: 1/3;
}
.child-3 {
  grid-column: 3/5;
  grid-row: 1/2;
}
.child-4 {
  grid-column: 2/4;
  grid-row: 2/3;
}
.child-5 {
  grid-row: 2/4;
}
.child-8 {
  grid-row: 3/5;
}
.child-10 {
  grid-column: 1/3;
  grid-row: 4/5;
}
.child-12 {
  grid-column: 2/4;
}