42 lines
837 B
CSS
42 lines
837 B
CSS
|
#page {
|
||
|
display: grid;
|
||
|
width: 100%;
|
||
|
/*height: 250px;*/
|
||
|
grid-template-areas: "head head head head"
|
||
|
"nav nav nav nav"
|
||
|
"left main main right"
|
||
|
"foot foot foot foot"
|
||
|
;
|
||
|
grid-template-rows: 6fr 1fr 6fr 5fr;
|
||
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||
|
/*grid-template-columns: 150px 150px 150px 150px;*/
|
||
|
}
|
||
|
|
||
|
#page > header {
|
||
|
grid-area: head;
|
||
|
background-color: #7c60f7;
|
||
|
}
|
||
|
|
||
|
#page > nav {
|
||
|
grid-area: nav;
|
||
|
background-color: #755481;
|
||
|
}
|
||
|
#page > .left {
|
||
|
grid-area: left;
|
||
|
background-color: rgb(53, 69, 87);
|
||
|
}
|
||
|
|
||
|
#page > .right {
|
||
|
grid-area: right;
|
||
|
background-color: rgb(77, 77, 87);
|
||
|
}
|
||
|
|
||
|
#page > main {
|
||
|
grid-area: main;
|
||
|
background-color: #6e64ff;
|
||
|
}
|
||
|
|
||
|
#page > footer {
|
||
|
grid-area: foot;
|
||
|
background-color: #7d79a1;
|
||
|
}
|