From 001b872638f6464d1153588aef5041b56dfdd362 Mon Sep 17 00:00:00 2001
From: ruinivist <ruinivist@proton.me>
Date: Sun, 29 Mar 2026 10:31:44 +0000
Subject: [PATCH] fix: win height not being full on mobile

---
 quartz/styles/base.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index 14e6ae6..0b50873 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -21,6 +21,10 @@ body {
   background-color: var(--light);
   font-family: var(--bodyFont);
   color: var(--darkgray);
+
+  @media all and ($mobile) {
+    min-height: 100dvh;
+  }
 }
 
 .text-highlight {
@@ -162,6 +166,11 @@ a {
 .page {
   max-width: calc(#{map.get($breakpoints, desktop)} + 300px);
   margin: 0 auto;
+
+  @media all and ($mobile) {
+    min-height: 100dvh;
+  }
+
   & article {
     & > h1 {
       font-size: 2rem;
@@ -204,6 +213,7 @@ a {
       grid-template-areas: #{map.get($tabletGrid, templateAreas)};
     }
     @media all and ($mobile) {
+      min-height: 100dvh;
       grid-template-columns: #{map.get($mobileGrid, templateColumns)};
       grid-template-rows: #{map.get($mobileGrid, templateRows)};
       column-gap: #{map.get($mobileGrid, columnGap)};