Improvements to projects and dynamic image resizing

src/static/style/desktop.css

@@ -42,6 +42,8 @@
         justify-content: center;
         flex-direction: row;
         flex-wrap: wrap;
+        margin: 0 auto 0 auto;
+        width: 80vw;
     }
     
     .project{
@@ -61,4 +63,8 @@
         position: absolute;
         height: 25vh;
     }
+
+    #article>p>img{
+        display: inline;
+    }
 }

src/static/style/mobile.css

@@ -203,4 +203,13 @@ label{
 
 #contact-error{
     color: red;
+}
+
+#article{
+    padding: 0 10px 0 10px;
+}
+
+#article>p>img{
+    display: block;
+    margin: 0 auto 0 auto;
 }