From 0df5dc9b577d56940c642f7c1f6f69368d23be0c Mon Sep 17 00:00:00 2001 From: smueller Date: Tue, 2 Jun 2026 16:01:00 +0200 Subject: [PATCH] fix(footer): keep footer sections in one desktop row Adjust footer grid and spacing so all footer sections stay in a single row on desktop while preserving responsive breakpoints for tablets and mobile. Co-authored-by: Cursor --- public/assets/css/custom.css | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git a/public/assets/css/custom.css b/public/assets/css/custom.css index d114e94..2e353a9 100644 --- a/public/assets/css/custom.css +++ b/public/assets/css/custom.css @@ -110,3 +110,36 @@ transition: none !important; animation: none !important; } + +/* Keep footer sections in one row on desktop */ +.footer-content { + grid-template-columns: repeat(5, minmax(0, 1fr)); + gap: 1.5rem 1.25rem; + align-items: start; +} + +.footer-section h4 { + margin-bottom: 0.65rem; +} + +.footer-section ul li { + margin-bottom: 0.4rem; +} + +@media (max-width: 1100px) { + .footer-content { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } +} + +@media (max-width: 768px) { + .footer-content { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} + +@media (max-width: 520px) { + .footer-content { + grid-template-columns: 1fr; + } +}