36 lines
791 B
CSS
36 lines
791 B
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;
|
|
} |