Merge pull request facebook#3872 from mccambridge/master

Added media queries for Showcase page in docs
andrewgleave · Nov 4, 2015 · 471449b · 471449b
2 parents 0599696 + c7b46a1
commit 471449b
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/website/src/react-native/css/react-native.css b/website/src/react-native/css/react-native.css
@@ -1091,13 +1091,28 @@ div[data-twttr-id] iframe {
 
 .showcase {
   margin: 30px auto;
-  width: 25%;
+  width: 100%;
   display: inline-block;
   text-align: center;
   vertical-align: top;
   transition: 0.2s opacity ease-in;
 }
 
+@media only screen
+  and (min-device-width: 768px)
+  and (max-device-width: 1024px) {
+  .showcase {
+    width: 50%;
+  }
+}
+
+@media only screen
+  and (min-device-width: 1024px) {
+  .showcase {
+    width: 25%;
+  }
+}
+
 .showcase:hover {
   text-decoration: none;
   opacity: 0.8;
@@ -1124,7 +1139,8 @@ div[data-twttr-id] iframe {
   border-radius: 20px;
 }
 
-@media only screen and (max-device-width : 1024px) {
+@media only screen
+  and (max-device-width: 1024px) {
   #content {
     display: inline;
   }