fix: add viewport meta to base.html

mmibbetson · Dec 17, 2024 · 7662cbc · 7662cbc
1 parent 6c35d30
commit 7662cbc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 11 deletions.
diff --git a/static/styles/global.css b/static/styles/global.css
@@ -20,12 +20,15 @@
 
 :root {
   --font-code: "CommitMono";
-
+  --text-sm: clamp(1rem, 2vw, 2rem);
+  --text-md: clamp(2rem, 3vw, 3rem);
+  --text-lg: clamp(3rem, 4vw, 4rem);
+  --text-xl: clamp(4rem, 5vw, 5rem);
   font-family: Inter, sans-serif;
   font-feature-settings: "liga" 1, "calt" 1; /* fix for Chrome */
 }
 
-@media screen and (width >= 768px) {
+@media (width >= 768px) {
   :root {
     --text-sm: clamp(0.75rem, 2vw, 1rem);
     --text-md: clamp(1rem, 2.5vw, 1.25rem);
@@ -34,15 +37,6 @@
   }
 }
 
-@media screen and (width < 768px) {
-  :root {
-    --text-sm: clamp(1rem, 2vw, 2rem);
-    --text-md: clamp(2rem, 3vw, 3rem);
-    --text-lg: clamp(3rem, 4vw, 4rem);
-    --text-xl: clamp(4rem, 5vw, 5rem);
-  }
-}
-
 @media (prefers-color-scheme: dark) {
   body {
     -webkit-font-smoothing: antialiased;

diff --git a/templates/base.html b/templates/base.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>λm.m</title>
     <link rel="stylesheet" href="/styles/global.css" />
     <link rel="preconnect" href="https://rsms.me/" />