fix: center footer logo with the contact/navigation columns
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:
@@ -21,12 +21,18 @@
|
||||
padding: var(--space-xl) var(--space-lg) var(--space-lg);
|
||||
display: grid;
|
||||
grid-template-columns: 1.4fr 1fr 1fr;
|
||||
align-items: center;
|
||||
gap: var(--space-xl);
|
||||
}
|
||||
|
||||
.brand {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 100%;
|
||||
max-width: 220px;
|
||||
max-width: 130px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
@@ -74,4 +80,8 @@
|
||||
.links {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.brand {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user