.parent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 2px;
grid-row-gap: 2px;
}
.div1 { grid-area: 1 / 1 / 2 / 4; 
border: 1px solid black;}
.div2 { grid-area: 2 / 1 / 3 / 3; 
border: 1px solid black;}
.div3 { grid-area: 2 / 3 / 3 / 4; 
border: 1px solid black;}
.div4 { grid-area: 3 / 1 / 5 / 3; 
border: 1px solid black;}
.div5 { grid-area: 3 / 3 / 4 / 4; 
border: 1px solid black;}
.div6 { grid-area: 5 / 1 / 6 / 2; 
border: 1px solid black;}
.div7 { grid-area: 5 / 2 / 6 / 3; 
border: 1px solid black;}
.div8 { grid-area: 4 / 3 / 6 / 4; 
border: 1px solid black;}

.div2 iframe{
    height:100%;
    width:100%;
    object-fit: cover;
}
img { 
    height:250px;
    margin:5%;
    
}

* {
    margin: 0;

}

h1{
    text-align: center;
    justify-content: center;
    margin-top:130px;}
figure {
    justify-content: center;
    text-align: center;
}

.div4 ul{
    position: static;
    padding-left: 325px;
    list-style: none;
}
.div4 h1{
    text-align: center;
    justify-content: center;margin-top: 0;
}

.div4 h3{
        margin-left: 35%;
        padding-bottom: 10px;
    }

.div6 img{
    height:200px;
    width: 350px;

}

.div7 img{
    height:200px;
    width: 375px;

}
.div8 li {
    text-decoration: none;
}
li a:hover {
  padding: 5px;
  border-radius: 4px;

}