implement a more responsive design

style.css

@@ -1,5 +1,4 @@
 body {
-    min-width: 750px;
     margin-top: 106px;
     position: relative;
     font-family: Roboto;
@@ -89,3 +88,39 @@ body {
     width: 30px;
     height: 30px;
 }
+
+.card-link {
+    margin-left: 0px !important;
+    margin-right: 10px;
+    margin-bottom: 10px;
+}
+
+@media (max-width: 768px) {
+    .container {
+        max-width: none;
+    }
+    .list-display {
+        width: auto;
+        padding-left: 20px;
+        padding-right: 20px;
+    }
+}
+
+@media (max-width: 510px) {
+    .social-button {
+        width: auto;
+        overflow: hidden;
+        text-indent: -99999px;
+        margin: 5px;
+    }
+    .project-image {
+        right: -18px;
+        top: -18px;
+        width: 50px;
+    }
+    .project-status {
+        position: absolute;
+        right: 10px;
+        bottom: 5px;
+    }
+}