-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
43 lines (41 loc) · 822 Bytes
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
.container{
display: grid;
height: 100vh;
grid-template-columns: auto auto auto auto;
grid-template-rows: 0.2fr 3fr 2fr 1.5fr;
grid-template-areas:
"nav nav nav nav"
"sidebar main main main"
"sidebar contentOne contentTwo contentThree"
"sidebar Footer Footer Footer"
;
gap: 5px;
}
nav{
background-color: #da891f;
grid-area: nav;
}
main{
background-color: #3ab82e;
grid-area: main;
}
.sidebar{
background-color: #aab82e;
grid-area: sidebar;
}
#content1{
background-color: #2e9cb8;
grid-area: contentOne;
}
#content2{
background-color: rgb(255,38,0);
grid-area: contentTwo;
}
#content3{
background-color: salmon;
grid-area: contentThree;
}
footer{
background-color: rgb(17,0,255);
grid-area: Footer;
}