diff --git a/src/assets/img/projects/animeDB.png b/src/assets/img/projects/animeDB.png
new file mode 100644
index 0000000..e895e17
Binary files /dev/null and b/src/assets/img/projects/animeDB.png differ
diff --git a/src/components/mainViews/Projects.jsx b/src/components/mainViews/Projects.jsx
index df1feaa..3537642 100644
--- a/src/components/mainViews/Projects.jsx
+++ b/src/components/mainViews/Projects.jsx
@@ -13,6 +13,7 @@ import { useState } from "react";
 import ProjectsMain from "../subComponents/Projects/ProjectsMain";
 import inkspireImg from "../../assets/img/projects/inkspire.png";
 import debImg from "../../assets/img/projects/deb.png";
+import animeDBImg from "../../assets/img/projects/animeDB.png";
 import animedbImg1 from "../../assets/img/projects/animedb1.png";
 import animedbImg2 from "../../assets/img/projects/animedb2.png";
 import animedbImg3 from "../../assets/img/projects/animedb3.png";
@@ -47,7 +48,7 @@ const Projects = () => {
       },
       year: "2024",
       job: "personal project",
-      imgs: [animedbImg1, animedbImg2, animedbImg3],
+      imgs: [animeDBImg],
       id: 3,
     },
     {
diff --git a/src/css/ProjectCard.css b/src/css/ProjectCard.css
index 7a6bd6d..593986e 100644
--- a/src/css/ProjectCard.css
+++ b/src/css/ProjectCard.css
@@ -1,6 +1,9 @@
 .projectCard {
   width: 33%;
-  /*   height: 200px; */
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  justify-content: space-between;
 }
 
 .imgs,
diff --git a/src/css/ProjectsMain.css b/src/css/ProjectsMain.css
index a9dba69..fc69026 100644
--- a/src/css/ProjectsMain.css
+++ b/src/css/ProjectsMain.css
@@ -1,7 +1,6 @@
 .projectsMain {
   grid-area: 1 / 1 / 8 / 9;
   display: flex;
-
   align-items: center;
   justify-content: center;
   flex-direction: column;
@@ -12,6 +11,7 @@
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  justify-content: center;
+  justify-content: space-around;
   gap: 1rem;
+  width: 100%;
 }