diff --git a/other/cards.css b/other/cards.css
index 5f974a6..4f062ea 100644
--- a/other/cards.css
+++ b/other/cards.css
@@ -7,7 +7,13 @@
     padding-top: 20px;
     padding-left: 150px;
     padding-right: 150px;
-    /*device-width*/
+}
+
+@media (max-width: 630px) {
+    .card-container {
+        padding-left: 20px;
+        padding-right: 20px;
+    }
 }
 
 .card {
diff --git a/other/main.css b/other/main.css
index 1902b9f..04fac1f 100644
--- a/other/main.css
+++ b/other/main.css
@@ -133,6 +133,17 @@ th {
     margin: 0px 175px 0px 175px;
 }
 
+@media (max-width: 832px) {
+    .contributionsChart {
+        margin: 0px 75px 0px 75px;
+    }
+}
+@media (max-width: 630px) {
+    .contributionsChart {
+        margin: 0px;
+    }
+}
+
 ::-webkit-scrollbar 
 {
     width: 12px;