Fixes the alignment of about the event buttons (#281)

Co-authored-by: Ace <[email protected]>

components/About/about.js

@@ -28,7 +28,7 @@ function About() {
 					<Paragraph  typeStyle='body-lg' className="mt-6" textColor='text-gray-200'>
 					We are currently looking for sponsors, for more details please read our Sponsorship Prospectus.
 					</Paragraph>
-					<div className='mt-10 flex'>
+					<div className='mt-10 flex gap-4 sm:flex-col lg:justify-center'>
 						<a
 						href='https://opencollective.com/asyncapi/events/asyncapi-conference-on-tour-6b3c0aa1'
 						target='_blank'
@@ -37,7 +37,7 @@ function About() {
 							<Button className='w-[200px]'>Become a sponsor now</Button>
 						</a>
 						<a href='https://drive.google.com/file/d/15rQ7cp-LLmxSCcAb2aBFitgJkGhYXBrd/view' target='_blank' rel="noreferrer">
-						<Button overlay={true} className='w-[200px] ml-4 border'>Sponsorship prospectus</Button>
+						<Button overlay={true} className='w-[200px] border'>Sponsorship prospectus</Button>
 						</a>
 				</div>
 				</div>