main {
    display: grid;
    grid-template-areas:
        "heading heading heading"
        "list yt yt"
        "list coord fine"
        "poem poem flag"
        "poem poem person";
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
}

#heading {
    grid-area: heading;
}

#list {
    grid-area: list;
}

#yt {
    grid-area: yt;
}

#coord {
    grid-area: coord;
}

#fine {
    grid-area: fine;
}

#poem {
    grid-area: poem;
}

#flag {
    grid-area: flag;
}

#person {
    grid-area: person;
}

main > * {
    border: solid 1px black;
}