fixed projects img styling

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,
     },
     {

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,

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%;
 }