fix: display the Device component correctly on smaller screens

grapp-dev · Apr 21, 2024 · 2f76d02 · 2f76d02
1 parent b4d1c4b
commit 2f76d02
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/docs/components/Device.module.css b/docs/components/Device.module.css
@@ -1,6 +1,22 @@
 .root {
   display: flex;
   flex-direction: row;
+
+  @media (max-width: 480px) {
+    transform: scale(0.8);
+  }
+
+  @media (max-width: 380px) {
+    transform: scale(0.7);
+  }
+
+  @media (max-width: 330px) {
+    transform: scale(0.6);
+  }
+
+  @media (max-width: 310px) {
+    transform: scale(0.5);
+  }
 }
 
 .title {