Made it more responsible with small screens

It is now looking better on smartphones and tablets.
lxndio · Nov 12, 2014 · 91acb0d · 91acb0d
1 parent 5076c89
commit 91acb0d
Showing 1 changed file with 17 additions and 3 deletions.
diff --git a/assets/css/screen.css b/assets/css/screen.css
@@ -24,9 +24,23 @@ hr {
     background-color: #000000;
 }
 
-.content {
-    padding-left: 30%;
-    padding-right: 30%;
+@media (max-width: 767px) {
+    .content {
+        padding-left: 10%;
+        padding-right: 10%;
+    }
+}
+@media (min-width: 768px) and (max-width: 1279px) {
+    .content {
+        padding-left: 20%;
+        padding-right: 20%;
+    }
+}
+@media (min-width: 1280px) {
+    .content {
+        padding-left: 30%;
+        padding-right: 30%;
+    }
 }
 
 .main-header {