main {
    display: grid;

    grid-template-areas:
        "heading heading heading"
        "art1 art2 art3"
        "art4 art5 art6"
        "footer footer footer"
    ;
    text-align: center;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: auto auto auto;

    margin-left: 50px;
    margin-right: 50px;
    
}
main > * {
    border: 1px solid black;
    
}
h1 {
    grid-area: heading;
}
#art1 {
    grid-row-start: 2;
    grid-row-end: 4;
}
#art2 {
    grid-column-start: 2;
    grid-column-end: 4;
}
#art3 {
    grid-row-start: 3;
    grid-column-start: 2;
    grid-column-end: 3;
}
#art4 {
    grid-row-start: 3;
    grid-column-start: 3;
    grid-column-end: 4;
}
#art5 {
    grid-row-start: 4;
    grid-row-end: 6;
    grid-column-start: 1;
    grid-column-end: 3;
}
#art6 {
    grid-column-start: 3;
}