From 83e5c6a84c16c3248a175ae462ba04508266ed07 Mon Sep 17 00:00:00 2001
From: Camerin Figueroa <cam@camcodes.com>
Date: Tue, 16 Nov 2021 16:50:46 -0500
Subject: [PATCH] Changed some css to work with mobile

---
 src/components/Article.js     | 2 +-
 src/components/css/About.css  | 8 +++++++-
 src/components/css/Github.css | 7 +++++++
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/Article.js b/src/components/Article.js
index 3f2a4a2..92112be 100644
--- a/src/components/Article.js
+++ b/src/components/Article.js
@@ -15,7 +15,7 @@ const Article = ({article}) => {
             if (text.slice(i, i+4) === "http"){ // slice from i to 4 chars plus and check for http
                 let x = i; // store i in x so the location is not modified
 
-                for (i; text[i] != " " && i < text.length; i++){} // iterate until we find the end of the link denoted by a space
+                for (i; text[i] !== " " && i < text.length; i++){} // iterate until we find the end of the link denoted by a space
                 
                 if (output[loc] !== "") { // if the current output location isn't empty, increment loc
                     loc++;
diff --git a/src/components/css/About.css b/src/components/css/About.css
index 8914400..eec3836 100644
--- a/src/components/css/About.css
+++ b/src/components/css/About.css
@@ -31,7 +31,7 @@
     display:flex;
     flex-direction:row;
     align-content:center;
-    justify-content:flex-start;
+    justify-content:space-evenly;
     align-items:center;
     flex-wrap: wrap;
     width:85vw;
@@ -44,4 +44,10 @@
 
 .About .links * {
     margin: 10px;
+}
+
+@media only screen and (max-width: 600px) {
+    .About .links .link img {
+        width: 25vw;
+    }
 }
\ No newline at end of file
diff --git a/src/components/css/Github.css b/src/components/css/Github.css
index c72eacb..034044d 100644
--- a/src/components/css/Github.css
+++ b/src/components/css/Github.css
@@ -95,4 +95,11 @@
     border-radius: 10rem;
     height: 10rem;
     width: 10rem;
+}
+
+@media only screen and (max-width: 600px) {
+
+    .repo .content {
+        flex-direction: column;
+    }
 }
\ No newline at end of file