From 58b492c7fbb60a4283e5961fc24436405f577165 Mon Sep 17 00:00:00 2001
From: mattkae <mattkae@protonmail.com>
Date: Wed, 22 Jun 2022 21:21:18 -0400
Subject: Nice mobile version of the site

---
 resume.css | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

(limited to 'resume.css')

diff --git a/resume.css b/resume.css
index e426252..00394d1 100755
--- a/resume.css
+++ b/resume.css
@@ -37,13 +37,15 @@ header {
 }
 
 #resume_header > h1 {
-    font-size: 30px;
+    font-size: 24px;
     padding: 0;
     margin: 0;
 	font-weight: 500;
 }
 
 #resume_header_contact {
+    display: flex;
+    flex-direction: row;
 }
 
 #resume_header_contact span {
@@ -83,6 +85,10 @@ header {
     justify-content: space-between;
 }
 
+.skill-section > b {
+    width: 25%;
+}
+
 .skill-section > div {
     width: 75%;
 }
@@ -126,4 +132,22 @@ header {
     width: calc(100vw - 4rem);
     height: calc(100vh - 4rem);
     overflow: auto;
-}
\ No newline at end of file
+}
+
+/* Phone screen adjustments */
+@media only screen and (device-width: 960px),
+only screen and (max-width:960px) {
+    #resume_header {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+    #resume_header_contact {
+        flex-direction: column;
+    }
+
+    #resume_header_contact span {
+        margin: 0;
+        margin-top: 5px;
+    }
+}
-- 
cgit v1.2.1