diff --git a/web/src/components/layout/Footer.tsx b/web/src/components/layout/Footer.tsx index fb8fde9..9c82638 100644 --- a/web/src/components/layout/Footer.tsx +++ b/web/src/components/layout/Footer.tsx @@ -7,87 +7,93 @@ import { LogoNeuf } from "../general/Logo"; export const Footer = () => { return ( ); }; diff --git a/web/src/components/layout/footer.module.scss b/web/src/components/layout/footer.module.scss index ac2a469..bfbef8c 100644 --- a/web/src/components/layout/footer.module.scss +++ b/web/src/components/layout/footer.module.scss @@ -39,12 +39,54 @@ } } -.logo { - width: 12rem; +.social, +.contact, +.visit { + display: grid; + grid-template-columns: repeat(12, 1fr); + gap: var(--spacing-gap-column); + row-gap: var(--spacing-gap-row); margin-bottom: var(--spacing-section-bottom); + ul { + list-style: none; + } + + h2 { + margin-bottom: 1rem; + grid-column: span 3; + } +} + +.social { + ul { + display: flex; + grid-column: span 9; + gap: 1rem; + } +} + +.visit { + + >div, + >ul { + grid-column: span 4; + } +} + +.address { + line-height: 1.78; +} + +.emails { + grid-column: span 9; + display: grid; + grid-template-columns: repeat(9, 1fr); + gap: var(--spacing-gap-column); + >div { - width: 100%; + grid-column: span 4; + min-width: 0; } } @@ -54,4 +96,10 @@ right: 0; transform: translate(1vw, 40%); z-index: 800; +} + +.toTop { + position: absolute; + right: 0; + bottom: 0; } \ No newline at end of file