fix responsive issuse of showing social media handles on phone

Signed-off-by: Muhammad Umer Farooq <[email protected]>

src/components/Home/Intro.astro

@@ -65,11 +65,11 @@ let socialMediaHandles = [
 				looking for opportunities to collaborate and learn from others.
 			</p>
 		</div>
-		<div class="mt-4 ml-12 mb-24">
+		<div class="mt-4 md:ml-12 mb-24 grid grid-cols-3 gap-6 md:inline">
 			{
 				socialMediaHandles.map((socialMediaHandle) => {
 					return (
-						<div class="inline pr-4">
+						<div class="md:inline col-span-1 pr-4">
 							<CollaboratorComp
 								name={socialMediaHandle.name}
 								picture={socialMediaHandle.picture}