Merge pull request #67 from xerosanyam/remote

(mobile) form subscribe

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"