fixes asyncapi#342

components/Form/subscription.js

@@ -1,25 +1,24 @@
 import React from 'react';
 import Button from '../Buttons/button';
 
-function Subcription() {
+function Subscription() {
 	return (
-		<div className='mt-[106px] subscription container flex justify-center'>
-			<div className='w-[1024px] min-h-[253px] lg:py-10 lg:w-full flex flex-col items-center mt-[106px]'>
+		<div className='mt-0 md:mt-[106px] subscription container flex justify-center'>
+			<div className='mt-[106px] lg:mt-0 w-[1024px] min-h-[253px] lg:py-10 lg:w-full flex flex-col items-center'>
 				<h3 className='text-[32px] text-white lg:text-center'>
 					Subscribe for AACoT’24 updates!
 				</h3>
 				<a href='https://www.asyncapi.com/newsletter' target='_blank' rel="noreferrer" className='sm:w-full'>
-				<Button
-					type='submit'
-					className='w-full md:w-[200px] mt-8 px-10' 
-				>
-					Subscribe
-				</Button>
-
+					<Button
+						type='submit'
+						className='w-full md:w-[200px] mt-8 px-10'
+					>
+						Subscribe
+					</Button>
 				</a>
 			</div>
 		</div>
 	);
 }
 
-export default Subcription;
+export default Subscription;

pages/index.js

@@ -176,7 +176,7 @@ export default function Home() {
 			<div id='sponsors' className='mt-20'>
 				<Sponsors imgs={['/img/apidays.png']} />
 			</div>
-			<div className='-mt-5'>
+			<div className='mt-5'>
 			<Subcription/>
 			</div>
 		</div>