David/Wfdash-OnlineShop
1
0
Fork 0
mirror of https://gitlab.com/davidels1986/ore-cart-checkout.git synced 2026-10-30 02:59:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adjust hero to reduce zoom

Browse source 
Changed hero image container to use bg-contain with adjusted aspect ratios to prevent excessive zoom/cropping and ensure the full image is visible. specific: md:aspect-[16/7], lg:aspect-[16/6], bg-contain, bg-no-repeat, bg-center, bg-white.

X-Lovable-Edit-ID: edt-70ee3743-907a-4d7e-b045-565ba0eeaef2
This commit is contained in:
gpt-engineer-app[bot] 2026-01-29 20:37:49 +00:00
commit 4ca78b1b6c
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/pages/Index.tsx
View file

@ -73,7 +73,7 @@ const Index = () => {
<section className="relative">
{/* Hero Image - Full width with aspect ratio */}
<div
className="w-full aspect-[16/9] md:aspect-[16/8] lg:aspect-[16/7] bg-cover bg-center"
className="w-full aspect-[16/9] md:aspect-[16/7] lg:aspect-[16/6] bg-contain bg-center bg-no-repeat bg-white"
style={{ backgroundImage: `url(${heroBg})` }}
/>