From 3f1f11c09055a1ef44079643e43f8935a3bb4c7b Mon Sep 17 00:00:00 2001
From: declanrjb <declanrjb@gmail.com>
Date: Sun, 21 Jul 2024 21:59:39 -0400
Subject: [PATCH] mobile adaptation

---
 web/custom.css                  | 21 +++++++++++++++++++++
 web/scrolly-images/template.css |  4 ++++
 2 files changed, 25 insertions(+)

diff --git a/web/custom.css b/web/custom.css
index 9645363..b8398f4 100644
--- a/web/custom.css
+++ b/web/custom.css
@@ -66,5 +66,26 @@ column {
     box-sizing: border-box;
 }
 
+/* margin on mobile */
+@media (max-width: 640px) {
+    .header-chart {
+        width: 100%;
+        margin: 0px;
+    }
+
+    .header>h1 {
+        font-size: 1.5em;
+    }
+
+    figure {
+        width: 95%;
+        margin: 0 2.5%;
+        min-height: 200px;
+    }
+
+    column {
+        width: 100%;
+    }
+  }
 
 
diff --git a/web/scrolly-images/template.css b/web/scrolly-images/template.css
index 6130714..bbbe202 100644
--- a/web/scrolly-images/template.css
+++ b/web/scrolly-images/template.css
@@ -91,4 +91,8 @@ body {
       padding-left: 0.5em;
       padding-right: 0.5em;
     }
+
+    .row {
+      height: 100px;
+    }
   }
\ No newline at end of file