.gridContainer{
    display:grid;
    
    grid-template-areas:
        "heading heading heading"
        "movie friday friday"
        "movie coordinates this_is_fine"
        "goldpoem goldpoem haka"
        "goldpoem goldpoem bobRoss";

        /* ^^^ sets up the grid areas that the divs will take up*/
        
    grid-template-rows: 20vmax 20vmax 20vmax 20vmax 20vmax;
    grid-template-columns: 20vmax 20vmax 20vmax;
    row-gap:1px;
    column-gap:1px;
}

figure{
    margin:0px;
}

h2{
    margin-right:15px;
    margin-left:15px;
}

li{
    margin-top:8px;
}

ol{
    margin-right: 15px;
    margin-left: 15px;
}

#gridTitle{
    grid-area: heading;
}

#gridMovie{
    grid-area: movie;
}

#gridFriday_Video{
    grid-area: friday;
}

#gridObject{
    grid-area: coordinates;
}

#gridMeme{
    grid-area: this_is_fine;
}

#gridPoem{
    grid-area: goldpoem;
}

#gridFlag{
    grid-area: haka;
}

#gridBob_Ross{
    grid-area: bobRoss;
}
.gridContainer > * {
    border: 2px solid black;
}

#heaDingGaster{
    margin-top:8vmax;
    margin-bottom:0vmax;
}