#maingrid {
    display: grid;
    grid-template-areas: 
    "header header header"
    "movie friday friday"
    "movie figure meme"
    "poem poem haka"
    "poem poem bobross";
    grid-template-columns: 30vw 30vw 30vw;
}

body {
    display: flex;
    justify-content: center;
}
#maingrid > * {
    border: solid black 2px;
}
header{
    grid-area:header;
    text-align: center;
    padding-bottom: 5vw;
    padding-top: 5vw;
}

#movieList {
    grid-area: movie;
    text-align: center;
}

#friday {
    grid-area: friday;
}

#figurething{
    grid-area:figure;
}

#thisIsFine {
    grid-area:meme;
}

#memeimage {
    width: 100%;
}
#nothingGold {
    grid-area:poem;
    display: flex;
    justify-content: center;
    align-items: center;
}
#haka{
    grid-area: haka;
}

#hakaimg {
    width: 100%;
}

#bobRoss{
    grid-area: bobross;
}

#bobrossimg {
    width: 100%
}

#poem {
    text-align: center;
}

#richatstructure {
    width: 100%;
}

iframe {
    width: 100%;
}

ol {
    display: flex;
    flex-flow:column nowrap;
    gap: 3vw;
}