main{
    display: grid;
    grid-template-areas: 
    "header header header"
    "image image image"
    "art1 art2 art3"
    "footer footer footer";

    grid-template-columns: auto auto auto;
    grid-template-rows: auto 222px auto auto;
    row-gap:39px;
    column-gap: 50px;
}

h1{
    grid-area: header;
}

img{
    grid-area: image;
}

footer{
    grid-area: footer;
}

#art1{
    grid-area: art1;
}

#art2{
    grid-area: art2;
}

#art3{
    grid-area: art3;
}

grid-template-areas
"header header header"
"video video gps"
"poem poem quote"
"poem poem movies"
"flag meme movies"
#movies{
    grid-area: movies;
}
p{
    border: 1px solid black;
}