Merge pull request #59 from basementstudio/mati/fixes

Fix positioning on mobile
basementstudio · Oct 16, 2023 · d793494 · d793494 · vercel · Oct 16, 2023
2 parents 24f1498 + ffddff8
commit d793494
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/scrollytelling/src/components/debugger/visualizer/visualizer.module.scss b/scrollytelling/src/components/debugger/visualizer/visualizer.module.scss
@@ -11,7 +11,8 @@
 
   display: flex;
   flex-direction: column;
-  width: 55vw;
+  width: 90vw;
+  max-width: 800px;
   height: auto;
   max-height: 50vh;
   position: fixed;
@@ -325,3 +326,10 @@
   background: #ec5b29aa;
   z-index: 999;
 }
+
+@media (max-width: 768px) {
+  .root {
+    left: 50%;
+    transform: translateX(-50%);
+  }
+}