31 lines
630 B
CSS
31 lines
630 B
CSS
|
|
.container-article {
|
|
display: grid;
|
|
grid-template-areas:
|
|
"header header"
|
|
"menu article"
|
|
"footer footer";
|
|
grid-template-columns: 1fr 3fr;
|
|
gap:20px;
|
|
padding: 5px;
|
|
/* background-color: #ff9999; */
|
|
}
|
|
.container-article > div {
|
|
/* background-color: #bbb; */
|
|
grid-area: header;
|
|
}
|
|
.container-article > aside {
|
|
background-color: #bbb;
|
|
grid-area: menu;
|
|
padding: 10px;
|
|
}
|
|
.container-article > article {
|
|
/* background-color: #bbb; */
|
|
grid-area: article;
|
|
padding: 10px;
|
|
}
|
|
.container-article > footer {
|
|
background-color: #bbb;
|
|
grid-area: footer;
|
|
padding: 10px;
|
|
} |