diff --git a/dist/index.html b/dist/index.html
index e4285474a7..40932c815b 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -5,6 +5,7 @@
   <meta charset="utf-8" />
   <title>Webpack App</title>
   <link href="assets/bootstrap.min.css" rel="stylesheet" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 </head>
 <style>
   .demo__img {
@@ -36,7 +37,7 @@
     font-size: 2rem;
   }
 
-  @media (min-width: 768px) and (max-width: 1024px) {
+  @media (min-width: 320px) and (max-width: 1024px) {
     .demo__repl {
       flex-direction: column;
     }