Fix projects page scaling

public/projects.css

@@ -1,7 +1,7 @@
 .project {
     display: flex;
     position: relative;
-    min-height: 150px;
+    min-height: 5vh;
     min-width: 50%;
     margin: 10px;
     padding: 20px;
@@ -18,8 +18,8 @@
 .project img {
     display: block;
     float: left;
-    max-height: 100%;
-    width: auto;
+    height: 10%;
+    width: 10%;
     margin-top: auto;
     margin-bottom: auto;
     margin-right: 15px;
@@ -31,10 +31,22 @@
 }
 
 .project p {
-    font-size: 1vw;
+    font-size: 2vh;
 }
 
-.project a,
-h1 {
+.project a {
+    font-size: 4vh;
     color: #7db3ff;
 }
+
+@media only screen and (orientation: portrait) {
+    .projects {
+        display: grid;
+        column-count: 1;
+    }
+
+    .projects img {
+        height: auto !important;
+        width: 20% !important;
+    }
+}