figbert.com-website

commit 6bd8b53e7241a4bc3601f0b2504e263f65edb3ca
parent 001de0f8412845f1d9946bdff560a162ac05fa37
Author: FIGBERT <figbert@figbert.com>
Date:   Sat, 31 Aug 2024 23:16:57 -0700

Support mobile layout

Diffstat:
M
static/global.css
 | 
28
+++++++++++++++++++++++++++-

1 file changed, 27 insertions(+), 1 deletion(-)
diff --git a/static/global.css b/static/global.css
@@ -70,7 +70,6 @@ main {
       "about about links links links links"
       "work work work work work work";
     gap: 2ch;
-    width: 100%;
     margin-inline: auto;
 
     section {
@@ -256,3 +255,30 @@ blockquote {
   padding-inline-start: 0.5ch;
   width: 1ch;
 }
+
+/* Vertical grid for mobile screens */
+@media (max-width: 115ch) {
+  main {
+    &:not(:has(div.index)) {
+      width: unset;
+    }
+
+    &:has(div.index) {
+      grid-template-columns: 1fr;
+      grid-template-rows: unset;
+      grid-template-areas:
+        "par"
+        "writing"
+        "projects"
+        "reviews"
+        "about"
+        "work"
+        "links";
+
+      #par {
+        padding-inline: 0;
+        width: 110%;
+      }
+    }
+  }
+}