From: Arthur Taft <arthur.taft2006@icloud.com>
Date: Thu, 27 Nov 2025 06:18:43 +0000 (-0700)
Subject: finalize mobile design
X-Git-Url: https://gitweb.arthurtaft.net/website.git/commitdiff_plain/b9fc837840bfbf2aef904069d3eccc57d96f777c?ds=inline

finalize mobile design
---

diff --git a/static/resume-styles.css b/static/resume-styles.css
index f95827f..ab25919 100644
--- a/static/resume-styles.css
+++ b/static/resume-styles.css
@@ -139,3 +139,123 @@
 a {
     font-size: 1rem;
 }
+
+@media (min-width:300px) {
+    #summary .main-subheading {
+        margin-left: 5%;
+    }
+
+    #summary .summary-list {
+        margin-left: 10%;
+        margin-right: 5%;
+    }
+
+    #education .main-subheading {
+        margin-left: 5%;
+    }
+
+    #education .school {
+        margin-left: 7.5%;
+    }
+
+    #degree-info {
+        margin-left: 7.5%;
+        margin-right: 0%;
+    }
+
+    #education .education-list {
+        margin-left: 10%;
+        margin-right: 5%;
+    }
+
+    #projects .main-subheading {
+        margin-left: 5%;
+    }
+
+    #projects .project-title {
+        margin-left: 7.5%;
+    }
+
+    #projects .project-list {
+        margin-left: 10%;
+        margin-right: 5%;
+    }
+
+    #experience .main-subheading {
+        margin-left: 5%;
+    }
+
+    #experience .experience-title {
+        margin-left: 7.5%;
+    }
+
+    #experience .experience-list {
+        margin-left: 10%;
+        margin-right: 5%;
+    }
+
+    #experience-info {
+        margin-left: 7.5%;
+        margin-right: 0%;
+    }
+}
+
+@media (min-width:900px) {
+    #summary .main-subheading {
+        margin-left: 25%;
+    }
+
+    #summary .summary-list {
+        margin-left: 30%;
+        margin-right: 25%;
+    }
+
+    #education .main-subheading {
+        margin-left: 25%;
+    }
+
+    #education .school {
+        margin-left: 27.5%;
+    }
+
+    #degree-info {
+        margin-left: 27.5%;
+        margin-right: 25%;
+    }
+
+    #education .education-list {
+        margin-left: 30%;
+        margin-right: 25%;
+    }
+
+    #projects .main-subheading {
+        margin-left: 25%;
+    }
+
+    #projects .project-title {
+        margin-left: 27.5%;
+    }
+
+    #projects .project-list {
+        margin-left: 30%;
+        margin-right: 25%;
+    }
+
+    #experience .main-subheading {
+        margin-left: 25%;
+    }
+
+    #experience .experience-title {
+        margin-left: 27.5%;
+    }
+
+    #experience .experience-list {
+        margin-left: 30%;
+        margin-right: 25%;
+    }
+
+    #experience-info {
+        margin-left: 27.5%;
+        margin-right: 25%;
+    }
+}