added footer style with it's grey color, + body background color

This commit is contained in:
Capelier-Marla 2023-01-24 15:51:02 +01:00
parent 94ca8a2798
commit 5cac66c864

View File

@ -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);
}