From 3b718f7123d4f4a361fbae914b137312e7c10c28 Mon Sep 17 00:00:00 2001 From: belviskhoremk Date: Tue, 25 Aug 2026 10:57:07 +0200 Subject: [PATCH] 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 --- src/components/Footer.module.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/src/components/Footer.module.css b/src/components/Footer.module.css index 78fb1db..be99ec3 100644 --- a/src/components/Footer.module.css +++ b/src/components/Footer.module.css @@ -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; + } }