Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: footer hidden behind recipe hero parallax section

Browse Source 
The hero-section's scaleY transform created a stacking context that
painted over the footer, and margin-bottom: -20vh over-compensated
for the parallax gap, pulling the footer into the recipe cards.
Derive margin-bottom from actual parallax parameters and make the
footer position: relative so it paints above the transform layer.
This commit is contained in:
Alexander Bocken
2026-02-17 09:03:15 +01:00
parent b7a4d6ca9e
commit bb87e29065
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/Header.svelte
+1
View File
@@ -206,6 +206,7 @@ footer{
padding-block: 1rem;
text-align: center;
margin-top: auto;
position: relative;
}
@media screen and (max-width: 800px) {