feat: ✨ se arreglo la alineacion en responsive de la seccion "about us"

UXCorpRangel · Oct 18, 2024 · 3ed5a5e · 3ed5a5e
1 parent 854d7d2
commit 3ed5a5e
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/sections/AboutUs.astro b/src/sections/AboutUs.astro
@@ -52,6 +52,9 @@
           font-weight: 400;
           font-size: 4.375rem;
           margin-bottom: 4rem;
+          @media (width < 768px) {
+            text-align: center;
+          }
 
           & span {
             text-decoration: underline 0.25rem;
@@ -63,11 +66,21 @@
         max-width: 70.563rem;
         margin: 0 auto;
 
+        @media (width < 768px) {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+        }
+
         & p {
           font-weight: 500;
           margin-bottom: 2rem;
           text-wrap: pretty;
           font-size: 1.25rem;
+
+          @media (width < 768px) {
+            text-align: center;
+          }
         }
 
         & hr {