.parent {
/* DO NOT TOUCH */
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-gap: 5px;

/* only edit this stuff */
width: 1000px;
border: 1px #162521 solid;
margin: auto;

/* remove this later */
height: 800px;

}

.div1 {
/* DO NOT TOUCH */
  grid-area: 1 / 1 / 2 / 5;
  
/* only edit this stuff */
  border-bottom: 1px #162521 solid;
  height: 200px;
}

.div2 {
  grid-area: 2 / 1 / 6 / 2;
}

.div3 {
  grid-area: 2 / 4 / 6 / 5;
}

.div4 {
  grid-area: 2 / 2 / 3 / 4;
}

.div5 {
  grid-area: 3 / 2 / 4 / 4;
}

.div6 {
  grid-area: 4 / 2 / 5 / 4;
}

.div7 {
  grid-area: 5 / 2 / 6 / 4;
}