Add mobile optimization

loonkwil · Feb 4, 2014 · eef2b1f · eef2b1f
1 parent 03b264a
commit eef2b1f
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/css/style.css b/css/style.css
@@ -106,3 +106,25 @@ i u { background: #efba4a; }
 .g5 { background: #b688cf; }
 
 b.err { background: #ff4300; }
+
+
+@media (max-width: 480px) {
+  body {
+    margin: 0 10px;
+  }
+
+  .page-header {
+    margin: 20px 0 10px;
+    text-align: center;
+  }
+  h1 {
+    font-size: 22px;
+  }
+  h1 small {
+    display: block;
+  }
+
+  #copy {
+    display: none;
+  }
+}
diff --git a/index.html b/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
 
   <title>Regexify (live JavaScript RegEx tester)</title>