Add media queries for tablet and mobile

adobecom · Aug 16, 2023 · d6e49c2 · d6e49c2
1 parent 13f9fca
commit d6e49c2
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/blocks/form/form.css b/blocks/form/form.css
@@ -101,3 +101,17 @@ main .form .form-submit-wrapper .button.primary {
   margin: 16px 0 47px;
   border-radius: 30px;
 }
+
+@media screen and (max-width: 768px) {
+  main .form > div {
+    margin-left: 15%;
+  }
+
+  main .form input {
+    width: 85%;
+  }
+
+  main .form .form-submit-wrapper  {
+    width: 85%;
+  }
+}