Adjust footer width for better spacing and readability

Update the maximum width of the footer container from max-w-4xl to max-w-5xl in client/src/components/footer.tsx to provide more space between columns.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 27d40e27-4669-42b2-8f78-25fa3d44f3c5
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/ee1CXlO
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-03-06 15:24:17 +00:00
parent 32394e9848
commit be89600ee2

View File

@ -11,7 +11,7 @@ const SOCIAL_LINKS = [
export default function Footer() {
return (
<footer className="border-t border-border bg-[hsl(var(--card))] mt-8 relative z-20 isolation-isolate" data-testid="footer">
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
<div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
<div>
<h3 className="font-bold text-card-foreground text-lg mb-3">Folx Music Television</h3>