platform-admin/alva
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make hero full bleed width

Browse Source 
Expanded HeroSection section to force full-bleed background by adding w-screen and negative left margin calc, ensuring background covers full viewport width.

X-Lovable-Edit-ID: edt-f5c17cdd-e3f7-472e-a0a8-99b6b50fd852
This commit is contained in:
gpt-engineer-app[bot]
2026-01-27 21:37:40 +00:00
parent 82f6a6da0c d8394577d6
commit e8af465323
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/HeroSection.tsx
+1 -1
View File
@@ -3,7 +3,7 @@ import heroBakeryImage from "@/assets/hero-bakery.jpg";
const HeroSection = () => { const HeroSection = () => {
return ( return (
<section className="relative flex flex-col justify-center items-center text-center px-6 py-16 pt-20 pb-12 overflow-hidden"> <section className="relative flex flex-col justify-center items-center text-center px-6 py-16 pt-20 pb-12 overflow-hidden w-screen -ml-[calc((100vw-100%)/2)]">
{/* Background image with opacity */} {/* Background image with opacity */}
<div <div
className="absolute inset-0 bg-cover bg-center opacity-40" className="absolute inset-0 bg-cover bg-center opacity-40"