fix: demo viewport on mobile

closes #73
filecoin-project · Sep 7, 2023 · eec9d17 · eec9d17
1 parent 06dd585
commit eec9d17
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/examples/demo/src/styles/index.css b/examples/demo/src/styles/index.css
@@ -19,13 +19,20 @@
 
 .App {
   display: flex;
-  max-width: 800px;
+  max-width: 100vw;
+  max-width: 100dvw;
   margin: 20px auto;
   padding: 0 10px;
   word-wrap: break-word;
   flex-direction: column;
 }
 
+@media screen and (min-width: 960px) {
+  .App {
+    max-width: 800px;
+  }
+}
+
 .Box {
   background-color: var(--background-alt);
   border-radius: 6px;