From 911acaa2a708fa359c1642d2dc9eeed92f6517c9 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Mon, 1 Sep 2025 21:24:33 +0000
Subject: [PATCH] Adjust layout to display footer content horizontally on
 smaller screens

Modify grid columns in footer component to enable two-column layout on medium screens and four columns on larger screens.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/2xHHKQn
---
 client/src/pages/FolxStadlPage.tsx        | 2 +-
 client/src/pages/GeschichteLiedPage.tsx   | 2 +-
 client/src/pages/GipfelstammtischPage.tsx | 2 +-
 client/src/pages/home.tsx                 | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index e9e3a64..76b0cbc 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -283,7 +283,7 @@ export default function FolxStadlPage() {
       {/* Footer */}
       <footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12">
         <div className="container">
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-8 text-sm">
+          <div className="grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 text-sm">
             {/* Company Info */}
             <div className="col-span-1">
               <div className="flex items-center space-x-2 mb-4">
diff --git a/client/src/pages/GeschichteLiedPage.tsx b/client/src/pages/GeschichteLiedPage.tsx
index 93970bd..1d760f6 100644
--- a/client/src/pages/GeschichteLiedPage.tsx
+++ b/client/src/pages/GeschichteLiedPage.tsx
@@ -284,7 +284,7 @@ export default function GeschichteLiedPage() {
       {/* Footer */}
       <footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12">
         <div className="container">
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-8 text-sm">
+          <div className="grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 text-sm">
             {/* Company Info */}
             <div className="col-span-1">
               <div className="flex items-center space-x-2 mb-4">
diff --git a/client/src/pages/GipfelstammtischPage.tsx b/client/src/pages/GipfelstammtischPage.tsx
index 7ffdb62..c24a7c1 100644
--- a/client/src/pages/GipfelstammtischPage.tsx
+++ b/client/src/pages/GipfelstammtischPage.tsx
@@ -284,7 +284,7 @@ export default function GipfelstammtischPage() {
       {/* Footer */}
       <footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12">
         <div className="container">
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-8 text-sm">
+          <div className="grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 text-sm">
             {/* Company Info */}
             <div className="col-span-1">
               <div className="flex items-center space-x-2 mb-4">
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index d5c41f3..dae4111 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -200,7 +200,7 @@ export default function Home() {
       {/* Footer */}
       <footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12">
         <div className="container">
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-8 text-sm">
+          <div className="grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 text-sm">
             {/* Company Info */}
             <div className="col-span-1">
               <div className="flex items-center space-x-2 mb-4">