added footer style with it's grey color, + body background color
This commit is contained in:
parent
94ca8a2798
commit
5cac66c864
@ -20,6 +20,8 @@
|
||||
--color-2-6: hsl(30, 46%, 46%);
|
||||
--color-2-7: hsl(30, 64%, 29%);
|
||||
|
||||
--color-g-1: hsl(340, 2%, 63%);
|
||||
|
||||
--size-1: 2px;
|
||||
--size-2: 4px;
|
||||
--size-3: 8px;
|
||||
@ -38,6 +40,10 @@
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--color-2-1);
|
||||
}
|
||||
|
||||
body > header {
|
||||
height: var(--size-6);
|
||||
box-shadow: var(--shadow);
|
||||
@ -97,3 +103,17 @@ body > header > nav > ul > li:last-child {
|
||||
body > header > nav > ul > li:last-child > a > img {
|
||||
height: calc(var(--size-6) - var(--size-5));
|
||||
}
|
||||
|
||||
|
||||
footer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--size-6);
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 200px;
|
||||
width: 100vw;
|
||||
background: var(--color-g-1);
|
||||
color: var(--color-2-1);
|
||||
font-size: var(--size-5);
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user