From 763f0853bf608fea8007ba787a11cd4fef6f5801 Mon Sep 17 00:00:00 2001
From: natalie roentgen connolly <natalie+git@8.f.9.e.0.7.4.0.1.0.0.2.ip6.arpa>
Date: Mon, 23 Jun 2025 05:34:33 -0700
Subject: [PATCH] add mobile style; fix codeblock font conflicts

---
 www/src/assets/style.css | 39 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 37 insertions(+), 2 deletions(-)

diff --git a/www/src/assets/style.css b/www/src/assets/style.css
index a4145a9..da9327d 100644
--- a/www/src/assets/style.css
+++ b/www/src/assets/style.css
@@ -47,6 +47,20 @@
   max-height: 100vh;
 }
 
+* {
+  font-family: 'Liberation Mono', monospace !important;
+}
+
+code > * {
+  font-family: monospace !important;
+  > * {
+    font-family: monospace !important;
+    > * {
+      font-family: monospace !important;
+    }
+  }
+}
+
 h1 {
   font-size: 2rem;
   margin: 0;
@@ -159,7 +173,7 @@ body {
   }
 
   > footer {
-    height: 130px;
+    height: fit-content;
     grid-column: 1 / 3;
     background-color: var(--alt-bg);
     border: 3px ridge gray;
@@ -237,7 +251,7 @@ section.comments {
   > form {
     display: grid;
     grid-template-rows: 12ch 20px;
-    grid-template-columns: 150px 150px 150px;
+    grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr)); 
 
     > textarea {
       resize: none;
@@ -376,3 +390,24 @@ div.thought-list{
   }
 }
 
+@media (max-width: 700px) {
+  :root {
+    max-height: unset;
+  }
+
+  body {
+    display: flex;
+    flex-direction: column;
+    height: unset;
+    max-height: unset;
+    overflow: unset;
+
+    > header {
+      border-bottom: 3px ridge gray;
+      > nav > ul {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(40%, 1fr))
+      }
+    }
+  }
+}