edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

clean footer + adjust for mobile

Browse Source
This commit is contained in:
elise
2024-08-09 00:37:46 +02:00
parent 8341a589c7
commit 6a110b343b
3 changed files with 48 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
web/src/components/layout/footer.module.scss
View File

@ -13,13 +13,18 @@
row-gap: var(--spacing-gap-column);
h2 {
grid-column: 1 / -1;
font-family: var(--font-serif);
font-weight: 400;
font-size: var(--font-size-h3);
margin-bottom: var(--spacing-m);
}
h3 {
margin-bottom: 1em;
line-height: inherit;
font-size: 1em;
font-weight: 600;
margin: 0;
}
}
@ -41,32 +46,31 @@
.social,
.contact,
.visit {
line-height: 1.78;
margin-bottom: var(--spacing-section-bottom);
ul {
list-style: none;
}
h2 {
margin-bottom: var(--spacing-s);
grid-column: span 3;
}
}
.visit {
grid-column: span 2;
display: grid;
grid-template-columns: 1fr 1fr;
}
.visitContent {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: flex-start;
}
.address {
line-height: 1.78;
margin-bottom: 2rem;
}
.emails {
>div {
margin-bottom: 2rem;
margin-bottom: 1rem;
}
}
@ -121,25 +125,17 @@
}
}
@media (max-width: 900px) {
.social,
.contact,
@media (max-width: 1000px) {
.footer {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.footer {
grid-template-columns: 1fr;
}
.visit {
grid-template-columns: 1fr;
h2 {
grid-column: 1 / -1;
}
grid-column: span 1;
}
.social ul,
.emails,
.visit >div, .visit >ul {
grid-column: 1 / -1;
}
.emails {
grid-template-columns: 1fr;
}
}