feat: testimonial boxes are now responsive in mobile resolution

Teamgrow-info · Nov 29, 2024 · c7fb939 · c7fb939
1 parent f84c081
commit c7fb939
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/styles.css b/styles.css
@@ -131,6 +131,35 @@ nav a {
     .feature-item {
         width: 100%;
     }
+    .testimonial {
+        width: 100%;
+        flex-direction: column;
+        text-align: center;
+        margin: 10px 0;
+    }
+    .testimonial img {
+        margin-right: 0;
+        margin-bottom: 15px;
+    }
+}
+
+@media (max-width: 425px) {
+    header {
+        padding: 20px;
+        flex-direction: column;
+        text-align: center;
+    }
+    nav {
+        margin-top: 15px;
+    }
+    .testimonial {
+        width: 100%;
+        margin: 10px 0;
+        box-sizing: border-box;
+    }
+    .testimonial p {
+        font-size: 0.9em;
+    }
 }
 
 @media (max-width: 320px) {