(mobile) form subscribe

Charlie85270 · Jul 6, 2021 · 47703ab · 47703ab
1 parent 1cf7f13
commit 47703ab
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/components/kit/components/form/layout/FormSubscribe.tsx b/components/kit/components/form/layout/FormSubscribe.tsx
@@ -8,7 +8,7 @@ interface Props {
 
 const FormSubscribe = ({ label, placeholder }: Props) => {
     return (
-        <form className="flex w-full max-w-sm space-x-3">
+        <form className="flex flex-col md:flex-row w-3/4 md:w-full max-w-sm md:space-x-3 space-y-3 md:space-y-0 justify-center">
             <InputText placeholder={placeholder} id={`"form-subscribe-${label}`} />
             <button
                 className="flex-shrink-0 px-4 py-2 text-base font-semibold text-white bg-purple-600 rounded-lg shadow-md hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 focus:ring-offset-purple-200"