From 956d70e60f0947b5f28e35aa0c8e3f816269aa4c Mon Sep 17 00:00:00 2001
From: Ellpeck <megamaximal@gmail.com>
Date: Fri, 27 Jul 2018 20:05:00 +0200
Subject: [PATCH] implement a more responsive design

---
 style.css | 37 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 8fdebee..82ab382 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,4 @@
 body {
-    min-width: 750px;
     margin-top: 106px;
     position: relative;
     font-family: Roboto;
@@ -88,4 +87,40 @@ body {
     float: right;
     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;
+    }
 }
\ No newline at end of file