main {
    display: grid;
    grid-template-areas: 
        "head head head"
        "list taylor taylor"
        "list cord fine"
        "poem poem haka"
        "poem poem painter"
    ;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(5, minmax(0, 1f4));
}
main > * {
    border: 1px solid black;
    text-align: center;
}
#taylor {
    grid-area: taylor;
}
#head {
    grid-area: head;
    text-align: center;
    place-items: center;
}
#list {
    grid-area: list;
}
#cord {
    grid-area: cord;
}
#fine {
    grid-area: fine;
    height: 100%;
    width: 100%;
    object-fit: contain;
}
#haka {
    grid-area: haka;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#painter {
    grid-area: painter;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#poem {
    grid-area: poem;
}