From a34caa2ab6596b847e5dd8ac592303fd88191163 Mon Sep 17 00:00:00 2001
From: lucasferreiralimax <lucasferreiralimax@gmail.com>
Date: Mon, 21 Oct 2024 07:10:02 -0300
Subject: [PATCH] improvement responsive spa

---
 src/styles.scss | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/styles.scss b/src/styles.scss
index 0f94deb..447007d 100644
--- 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;
+  }
+}