From 77d1e54014107a07948b405204ab89d5c107f662 Mon Sep 17 00:00:00 2001 From: yash nigam Date: Sat, 15 Aug 2026 16:19:34 +0530 Subject: [PATCH] fix(ui): center footer link columns on small screens Fixes: #618 Below 996px the footer columns (Docs, Community, Projects) stack on top of each other but stay lined up on the left, so there's a big empty gap on the right side of every column. Centered the columns in that view so the space is even on both sides. Desktop layout above 996px is not touched. Signed-off-by: yash nigam --- src/css/main.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/css/main.css b/src/css/main.css index f1d2f788ec..d1fc379e46 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -101,6 +101,15 @@ @apply text-blue-300 hover:text-blue-500 } +/* Below Infima's default breakpoint, footer columns stack full-width but + their left-aligned content leaves a large empty gap on the right. + Center each column so the empty space is balanced instead. */ +@media (max-width: 996px) { + .footer__col { + text-align: center; + } +} + .menu a { @apply no-underline; }