fix: use dynamic viewport height for intro section

mattjmoran · Feb 27, 2025 · 4aef2bb · 4aef2bb
1 parent aa2626a
commit 4aef2bb
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -174,7 +174,7 @@
 	#intro {
 		position: relative;	
 		margin: var(--border-margin) var(--border-margin) 0 var(--border-margin);
-		min-height: calc(100vh - var(--border-margin) * 2 + var(--transition-height));
+		min-height: calc(100dvh - var(--border-margin) * 2 + var(--transition-height));
 		border-image: url('$lib/assets/grid-background.svg') 80 fill / 80px round;
 		&::before {
 			content: '';
@@ -189,7 +189,7 @@
 		@extend %flex-column;
 		padding: 60px;
 		position: relative;
-		min-height: calc(100vh - var(--border-margin));
+		min-height: calc(100dvh - var(--border-margin));
 		@media (--phone) {
 			padding: 40px;
 		}