fix: win height not being full on mobile

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)};