From 0d1be4010e5174de650f984538a670cf57a177b5 Mon Sep 17 00:00:00 2001 From: Ryan Date: Mon, 28 Oct 2024 17:53:07 -0400 Subject: [PATCH] Fix pampers images on homepage --- src/_components/home/homepage-section.webc | 1 + src/index.webc | 4 ++-- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/src/_components/home/homepage-section.webc b/src/_components/home/homepage-section.webc index 4b09bbc..5cdf757 100644 --- a/src/_components/home/homepage-section.webc +++ b/src/_components/home/homepage-section.webc @@ -124,6 +124,7 @@ grid-column: 2 / 3; grid-row: 1 / 3; justify-self: center; + height: 100%; width: 100%; --translate-y: calc(15% * calc(var(--scroll-pct) - 0.25)); transform: translate3d(0, var(--translate-y), 0); diff --git a/src/index.webc b/src/index.webc index 56738b9..e83241d 100644 --- a/src/index.webc +++ b/src/index.webc @@ -191,9 +191,9 @@ description: "art director/designer" } #pampers img.center { + position: absolute; width: 35%; - margin: 0 auto; - position: relative; + left: 32.5%; z-index: 1; transform: translateY(calc(20% * calc(var(--scroll-pct) - 0.5))); }