Add styling to projects page grid for mobile responsiveness

Author: sophie-bui

Diff for: style/carousel.css

@@ -195,6 +195,7 @@ body {
 .grid-container {
   display: grid;
   grid-template-columns: auto auto auto;
+  grid-template-rows: auto;
   background-color: #ffffff;
   padding: 10px;
 }
@@ -207,6 +208,19 @@ body {
   box-sizing: border-box;
 }
 
+@media(max-width:1024px) {
+	.grid-container {
+      	display: block;
+      	grid-template-columns: auto;
+      	grid-template-columns: auto;
+  	}
+  	.grid-item {
+    	grid-column: auto;
+   	 	grid-row: auto;
+      	margin-bottom:10px;
+	}
+}
+
 .zoom {
 padding: 50px;
   transition: transform .2s;