Adjust footer width to prevent overlapping content
Update the maximum width of the footer container from `max-w-7xl` to `max-w-5xl` to ensure it does not overlap with side advertisements. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 159559a1-6682-48ab-af30-75b5ca3363eb 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:
parent
f2346ba2e8
commit
f2ca0e9c9f
@ -11,7 +11,7 @@ const SOCIAL_LINKS = [
|
||||
export default function Footer() {
|
||||
return (
|
||||
<footer className="border-t border-border bg-card mt-16 relative z-20" data-testid="footer">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
|
||||
<div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div>
|
||||
<h3 className="font-bold text-card-foreground text-lg mb-3">Folx Music Television</h3>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user