web-basic/css/article.css

.container-article {
    display: grid;
    grid-template-areas: 
    "header header header"
    "menuleft article menuright"
    "footer footer footer";
    grid-template-columns: 1fr 4fr 1fr;
    gap:20px;
    padding: 0px;
    /* background-color: #ff9999; */
}
.container-article > div {
    /* background-color: #bbb; */
    grid-area: header;
}
.container-article > aside.side-left {
    background-color: #bbb;
    grid-area: menuleft;
    padding: 10px;
}
.container-article > aside.side-right {
    background-color: #bbb;
    grid-area: menuright;
    padding: 10px;
}
.container-article > article {
    /* background-color: #bbb; */
    grid-area: article;
    padding: 10px;
}
.container-article > footer {
    background-color: #bbb;
    grid-area: footer;
    padding: 10px;
}