fix: set mobile cols-1 for maintainercard

Author: TijnR

src/components/MaintainerCard.tsx

@@ -181,7 +181,7 @@ function MaintainerSocialLinks({ maintainer }: { maintainer: Maintainer }) {
   })
 
   return (
-    <div className="flex flex-wrap items-center gap-x-4 gap-y-2 text-gray-400 dark:text-gray-500  pt-1">
+    <div className="flex flex-wrap items-center gap-x-2 sm:gap-x-4 gap-y-1 sm:gap-y-2 text-gray-400 dark:text-gray-500  pt-1">
       {links}
     </div>
   )

src/routes/$libraryId/$version.docs.contributors.tsx

@@ -31,7 +31,7 @@ function RouteComponent() {
           <DocTitle>{library.name} Maintainers and Contributors</DocTitle>
           <div className="h-4" />
           <section>
-            <div className="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4 mb-8 pt-8">
+            <div className="grid grid-cols-2 xl:grid-cols-3 gap-4 mb-8 pt-8">
               {libraryContributors.map((maintainer) => (
                 <MaintainerCard
                   key={maintainer.github}

src/routes/_libraries/index.tsx

@@ -388,7 +388,7 @@ function Index() {
 
         <div className="px-4 lg:max-w-screen-lg md:mx-auto">
           <h3 className={`text-4xl font-light mb-6`}>Core Maintainers</h3>
-          <div className="grid gap-6 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
+          <div className="grid gap-6 grid-cols-2 lg:grid-cols-3">
             {coreMaintainers.map((maintainer) => (
               <MaintainerCard key={maintainer.github} maintainer={maintainer} />
             ))}