Fixed layout for team section

Author: msoham123

src/components/TeamCard.js

@@ -17,7 +17,7 @@ const TeamCard = ({ name, avatar, github }) => (
                 <LazyLoadImage alt={name} src={avatar} />
             </div>
             <div className="flex flex-col flex-none items-start">
-                <div className="-mt-8 text-2xl font-inter text-stone-600 dark:text-zinc-300 text-left">{name}</div>
+                <div className="-mt-8 text-2xl font-inter text-stone-600 dark:text-zinc-300 text-left overflow-hidden lg:text-xl">{name}</div>
                 <div className="mt-2 ml-1 flex flex-row flex-none">
                     <CustomLink href={github}>
                         <div className="text-2xl text-stone-700 dark:text-zinc-300"><FaGithub/></div>

src/sections/Team.js

@@ -12,7 +12,7 @@ const TeamCategory = ({name, members}) => {
     return (
         <div className="m-5">
             <p className="text-black text-lg dark:text-white">{name}</p>
-            <div className="grid gap-6 pt-4 text-center md:grid-cols-4">
+            <div className="grid gap-6 pt-4 text-center lg:grid-cols-4">
                 {members.map((member, key) => (
                     <TeamCard {...{ ...member, key }} />
                 ))}