fix: mobile styles

apossiblespace · Oct 10, 2024 · d145dc2 · d145dc2
1 parent d33e591
commit d145dc2
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/resources/public/css/style.css b/resources/public/css/style.css
@@ -107,3 +107,23 @@ footer {
         max-width: 400px;
     }
 }
+
+@media (max-width: 600px) {
+    .signup form {
+        flex-direction: column;
+    }
+
+    .signup input[type="email"],
+    .signup input[type="submit"] {
+        flex: 1;
+        width: 100%;
+        margin-left: 0;
+        margin-bottom: 0.5rem;
+    }
+
+    footer {
+        flex-direction: column;
+        gap: 0;
+        padding-bottom: 4rem;
+    }
+}