add @media queries to examples

pedronauck · Oct 31, 2014 · fe24bcb · fe24bcb
1 parent b1ec570
commit fe24bcb
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/example/index.html b/example/index.html
@@ -7,9 +7,21 @@
     <link rel="stylesheet" href="http://necolas.github.io/normalize.css/3.0.1/normalize.css">
     <link rel="stylesheet" href="react-video.css">
     <style>
+      @media screen and (min-width: 600px) {
+        .content {
+          width: 100%;
+        }
+      }
+
+      @media screen and (min-width: 960px) {
+        .content {
+          width: 70%;
+        }
+      }
+
       #video-youtube,
       #video-vimeo {
-        width: 500px;
+        width: 80%;
         margin: 50px;
       }
     </style>