sebastjan/folx-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust footer positioning to prevent overlap with side advertisements

Browse Source 
Modify the footer's max-width and right margin on larger screens to ensure it does not overlap with advertisements.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 1ff35c50-6679-46a1-8dc2-3f49b6085b66
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:29:47 +00:00
parent 80d21971af
commit 158b0cf88a
2 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1772810963487.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 102 KiB

2
client/src/components/footer.tsx
View File

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