Merge pull request #54 from CodeWithAloha/53-fix-contributors-layout-…

…on-mobile fixed the root of the overflow, the team list responsiveness
CodeWithAloha · Feb 1, 2024 · 33f138b · 33f138b
2 parents 95a6ebb + 479ece1
commit 33f138b
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/Team.js b/src/components/Team.js
@@ -49,7 +49,7 @@ export const TeamMember = ({ src, name }) => {
         <AiOutlineGithub fontSize="2rem" />
         <h2 className="pl-2 py-8 text-md xl:text-xl">Contributors:</h2>{" "}
       </div>
-      <ul className="grid grid-cols-6 gap-4 pl-4">
+      <ul className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-4 pl-4">
         {uniqueContributorsArray.map((contributor, index) => (
           <li key={index}>
             <a target="_blank" href={contributor.url}>