From 2b474c8e46759b92482df728cbc1e53a2c9e30a0 Mon Sep 17 00:00:00 2001
From: msoham123 <msoham123@gmail.com>
Date: Tue, 3 Jan 2023 12:16:53 -0800
Subject: [PATCH 1/2] Fix react list key identifier warning

---
 src/sections/Team.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/sections/Team.js b/src/sections/Team.js
index b3aa5ac..4fc50fc 100644
--- a/src/sections/Team.js
+++ b/src/sections/Team.js
@@ -31,7 +31,7 @@ const Team = () => {
                         <p className="pb-2 mb-6 font-semibold text-blue-500 md:mb-12 md:pb-0">The Skyline Team is composed of passionate individuals from all around the world 🌐</p>
                     </div>
                     {Object.entries(config.team).map(([name, members]) => (
-                        <TeamCategory name={name} members={members} />
+                        <TeamCategory name={name} members={members} key={name} />
                     ))}
                 </div>
             </div>

From 8dd5b17533a6c677aec3a59b4b9522f8a32a2fba Mon Sep 17 00:00:00 2001
From: msoham123 <msoham123@gmail.com>
Date: Tue, 3 Jan 2023 12:27:01 -0800
Subject: [PATCH 2/2] Fixed layout for team section

---
 src/components/TeamCard.js | 2 +-
 src/sections/Team.js       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/TeamCard.js b/src/components/TeamCard.js
index 9c0c89e..91adc43 100644
--- a/src/components/TeamCard.js
+++ b/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>
diff --git a/src/sections/Team.js b/src/sections/Team.js
index 4fc50fc..6588c69 100644
--- a/src/sections/Team.js
+++ b/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 }} />
                 ))}