ColorCodes: fixed mobile layout

2015-03-06 13:47:45 -05:00 · 2015-03-06 13:47:45 -05:00 · 53d11ecfd5
parent 24d115e20a
commit 53d11ecfd5
1 changed files with 12 additions and 0 deletions
--- a/share/goodie/color_codes/color_codes.css
+++ b/share/goodie/color_codes/color_codes.css
@ -64,3 +64,15 @@
 .zci--answer .zci--color-codes .column2 a {
    color: #333;
 }
+
+@media screen and (max-width: 420px) {
+    .zci--answer .zci--color-codes .colorcodesbox {
+        width: 80px;
+        height: 80px;
+        margin-top: 15px;
+    }
+
+    .zci--answer .zci--color-codes .column1 {
+        padding-top: 0;
+    }
+}