Footer mobile

This commit is contained in:
Hazem Krimi
2023-11-07 01:47:59 +01:00
parent 2ccb68d1b6
commit de4bd80df8
8 changed files with 99 additions and 63 deletions
+26 -14
View File
@@ -1,22 +1,34 @@
:root {
--footer-light-background: #ECECEC;
--footer-dark-background: #131212;
--footer-light-background: #ececec;
--footer-dark-background: #131212;
}
footer {
width: 100%;
min-height: 25rem;
padding: 3rem 5rem;
margin-top: 2.5rem;
width: 100%;
padding: 3rem 8rem;
margin-top: 2.5rem;
display: flex;
align-items: start;
column-gap: 6rem;
display: flex;
align-items: center;
flex-direction: column;
row-gap: 5rem;
background-color: var(--footer-background);
color: var(--text);
background-color: var(--footer-background);
color: var(--text);
}
footer div {
width: 20rem;
}
footer #footer-face {
display: flex;
align-items: center;
column-gap: 0.625rem;
}
footer #links {
display: flex;
align-items: center;
column-gap: 1.5rem;
}
footer #copyright {
font-size: 0.875rem;
}