Add responsive 💅

raphamorim · Jul 13, 2019 · f69c021 · f69c021
1 parent 717ce1d
commit f69c021
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/docs/styles.css b/docs/styles.css
@@ -44,6 +44,13 @@ canvas {
   left: calc(50% - (600px / 2));
 }
 
+@media screen and (max-width: 680px) {
+  canvas {
+    max-width: 100%;
+    left: 0;
+  }
+}
+
 .debug {
   position: absolute;
   left: 50%;
@@ -55,6 +62,12 @@ canvas {
   padding: 15px;
 }
 
+@media screen and (max-width: 680px) {
+  .debug {
+    left: 15px;
+  }
+}
+
 .profile {
   position: absolute;
   top: 10px;
@@ -70,6 +83,12 @@ canvas {
   align-items: center;
 }
 
+@media screen and (max-width: 680px) {
+  .profile {
+    left: 0;
+  }
+}
+
 .profile::before {
   position: absolute;
   content: '';