Blittech/braidsbymira
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: center footer logo with the contact/navigation columns

Browse Source 
The logo was much taller than the text columns and top-aligned,
making the footer look lopsided. Vertically centers the grid columns
and shrinks the logo so it's proportionate to the rest of the footer.

Claude-Session: https://claude.ai/code/session_01NhxA4npAXAxmCDEJt6kxSH
This commit is contained in:
belviskhoremk
2026-08-25 10:57:07 +02:00
parent 41b6fa7292
commit 3b718f7123
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Footer.module.css
View File

@@ -21,12 +21,18 @@
padding: var(--space-xl) var(--space-lg) var(--space-lg); padding: var(--space-xl) var(--space-lg) var(--space-lg);
display: grid; display: grid;
grid-template-columns: 1.4fr 1fr 1fr; grid-template-columns: 1.4fr 1fr 1fr;
align-items: center;
gap: var(--space-xl); gap: var(--space-xl);
} }
.brand {
display: flex;
align-items: center;
}
.logo { .logo {
width: 100%; width: 100%;
max-width: 220px; max-width: 130px;
height: auto; height: auto;
} }
@@ -74,4 +80,8 @@
.links { .links {
align-items: center; align-items: center;
} }
.brand {
justify-content: center;
}
} }