improvement responsive spa

angular-a11y · Oct 21, 2024 · a34caa2 · a34caa2
1 parent 87e2890
commit a34caa2
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/src/styles.scss b/src/styles.scss
@@ -121,6 +121,15 @@ h2 {
   .language {
     width: 50%;
   }
+
+  @media (max-width: 620px) {
+    flex-direction: column;
+    .button-voicecapture-example,
+    .language {
+      width: 100%;
+      margin-top: 0;
+    }
+  }
 }
 
 .content-title {
@@ -189,6 +198,9 @@ h2 {
 
 .install {
   display: flex;
+  @media (max-width: 620px) {
+    flex-direction: column;
+  }
 }
 
 .examples {
@@ -203,3 +215,16 @@ h2 {
   justify-content: center;
   align-items: center;
 }
+
+
+@media (max-width: 620px) {
+  .button-modal {
+    margin-left: 0;
+    margin-top: 1rem;
+  }
+
+  .button-modal,
+  .button-voicecapture-example {
+    justify-content: start;
+  }
+}