fix(demo): Fixed responsive for mobile devices.

saschwarz · Jan 3, 2016 · f63885e · f63885e
1 parent bc42ddf
commit f63885e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -10,6 +10,7 @@
     {% for (var css in o.htmlWebpackPlugin.files.css) { %}
     <link href="{%=o.htmlWebpackPlugin.files.css[css] %}" rel="stylesheet">
     {% } %}
+    <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
   <body>
     <header>

diff --git a/demo/main.css b/demo/main.css
@@ -87,3 +87,12 @@ article .description {
 article .description h2 {
     margin: 0;
 }
+
+@media (max-width: 420px) {
+    header {
+        position: relative;
+    }
+    header h1 {
+        font-size: 20px;
+    }
+}
diff --git a/demo/script.html b/demo/script.html
@@ -8,6 +8,7 @@
     {% for (var css in o.htmlWebpackPlugin.files.css) { %}
     <link href="{%=o.htmlWebpackPlugin.files.css[css] %}" rel="stylesheet">
     {% } %}
+    <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 <body>
   <div class="container">