main {
    display:grid;
    grid-template-areas:
    "header header header"
    "image image image"
    "art1 art2 art3"
    "footer footer footer;";
    grid-template-columns: auto auto auto;
    grid-template-rows: auto 222px auto auto;
    row-gap: 39px;
    column-gap: 50px;
    
}

h1 {
    grid-area: header;
}

img {
    grid-area: image;
}

footer {
    grid-area: footer;
}

#art1 {
    grid-area: art1;
}

#art2 {
    grid-area: art2;
}

#art3 {
    grid-area: art3;
}