main {
    display: grid;
    grid-template-areas:
        "header header header"
        "poppa poppa cord"
        "frost frost bobs"
        "frost frost movies"
        "flag fine movies"
        ;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        padding: 5px;
        border: 1px solid black;
}

img {
    height: 250px;
}

* {
    margin: 0;
}

h1 {
    display: flex;
    align-items: center;
    grid-area: header;
    text-align: center;
    border: 1px solid black;
    justify-content: center; 
}

#poppa {
    grid-area: poppa;
    border: 1px solid black;
}

#cord {
    grid-area: cord;
    border: 1px solid black;
    width: 100%;
    height: 100%;
}

#frost{
    grid-area: frost;
    border: 1px solid black;
}

#bobs{
    grid-area: bobs;
    border: 1px solid black;
}

#flag {
    grid-area: flag;
    border: 1px solid black;
}

#fine {
    grid-area: fine;
    border: 1px solid black;
}

#flag {
    grid-area: flag;
    border: 1px solid black;
}

#movie {
    grid-area: movies;
    border: 1px solid black;
}