Merge pull request #333 from love-sonkar/fix_card_alignment_issue

fixes #332 changes in projectlist file to center project cards
ArslanYM · Sep 18, 2023 · 7036a97 · 7036a97 · vercel · Sep 18, 2023
2 parents fb64f56 + 494c6d9
commit 7036a97
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/web/src/pages/Issues/ListOfOrgs/ProjectCard.jsx b/web/src/pages/Issues/ListOfOrgs/ProjectCard.jsx
@@ -39,7 +39,7 @@ const ProjectCard = ({
   ));
 
   return (
-    <div className="flex self-auto flex-col h-full max-w-sm border rounded-lg shadow bg-gray-800 border-gray-700">
+    <div className="flex self-auto flex-col h-full w-96 border rounded-lg shadow bg-gray-800 border-gray-700">
       <a href={projectLink}>
         <img
           rel="preload"

diff --git a/web/src/pages/Issues/ProjectList.jsx b/web/src/pages/Issues/ProjectList.jsx
@@ -6,7 +6,7 @@ import ProjectCard from "./ListOfOrgs/ProjectCard";
 const ProjectList = () => {
   return (
     <div className="mx-auto min-h-screen max-w-screen-2xl p-4 md:p-8 2xl:p-10">
-      <div className="grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-4 xl:grid-cols-3 2xl:gap-7.5 bg-gradient-to-r from-gray-700 via-gray-900 to-black bg-animate items-center">
+      <div className="grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-4 xl:grid-cols-3 2xl:gap-7.5 bg-gradient-to-r from-gray-700 via-gray-900 to-black bg-animate place-items-center">
         {projectList.map((project, key) => {
           return (
             <ProjectCard