fix on cards

Author: kerbethecoder

src/components/projects/Card.jsx

@@ -16,7 +16,7 @@ const Card = ({
   })
 
   return (
-    <div className="hiddenElem card rounded mt-5 py-3 px-3 w-10/12 md:w-7/12 lg:w-5/12">
+    <div className="hiddenElem card rounded mt-5 py-3 px-3 w-10/12 md:w-7/12 lg:w-5/12 transition duration-300 ease-in-out hover:scale-105">
       <div className="h-2/5 hiddenElem flex justify-between">
         <div className="h-28 w-6/12">
           <img

src/components/projects/Projects.jsx

@@ -45,7 +45,7 @@ const Projects = () => {
       and color combinations, and other things that is essential on 
       my web development journey.`,
       github: "https://github.com/kerbethecoder/the-notepad",
-      siteUrl: "https://the-notepad-by-kerbe.vercel.app/developer",
+      siteUrl: "https://the-notepad-by-kerbe.vercel.app/",
       frameworks: {
         one: "NextJS",
         two: "TailwindCSS",

src/styles/styles.css

@@ -140,13 +140,11 @@ button ion-icon:hover {
 
 .card {
   border: 2px solid rgba(26, 26, 26, 0.25);
-  transition: transform 0.2s ease-in-out;
   @apply lg:h-80;
 }
 
 .card:hover {
   box-shadow: 0px 0px 20px 0px rgba(26, 26, 26, 0.25);
-  transform: scale(1.02);
 }
 
 .cardIcon ion-icon:hover {