Changed some css to work with mobile

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++;

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;
+    }
 }

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;
+    }
 }