mobile adaptation

declanrjb · Jul 22, 2024 · 3f1f11c · 3f1f11c
1 parent a168635
commit 3f1f11c
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git 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
@@ -91,4 +91,8 @@ body {
       padding-left: 0.5em;
       padding-right: 0.5em;
     }
+
+    .row {
+      height: 100px;
+    }
   }