main {
    display: grid;
    grid-template-areas: 
        "title title title"
        "movies friday friday"
        "movies coords fine"
        "poem poem haka"
        "poem poem bobRoss";
    grid-template-rows: fit-content 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    align-self: center;
}

main > * {
    border: solid 1px black;
    height: fit-content;
}

img {
    height: 100%;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
}

#title {
    grid-area: title;
    text-align: center;
}

#friday {
    grid-area: friday;
}

#movies {
    grid-area: movies;
}

#coords {
    grid-area: coords;
}

#fine {
    grid-area: fine;
}

#poem {
    grid-area: poem;
    text-align: center;
    height: 40%;
}

#haka {
    grid-area: haka;
    width: 33vw;
}

#bobRoss {
    grid-area: bobRoss;
    width: 33vw;
}