Merge pull request #114 from Durga-prasad-1/myBranch

made changes for proper redirect to git repos

Author: ianshulx

index.css

@@ -131,8 +131,30 @@
     border-radius: 50%;
   }
 
+  .card-body{
+    cursor: pointer;
+    transition: transform 0.6s ease, box-shadow 0.6s ease;
+    padding: 20px 0px;
+    border-radius: 18px;
+  }
+  .card-body:hover{
+    cursor: pointer;
+    transform: scale(1.1); /* Enlarge the element */
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
+        }
+
   @media (min-width:768px){
     .col-md-2{
       width: 15.66667%;
     }
+  }
+
+  @media screen and (max-width:500px) {
+    .card-body{
+      transition: none;
+    }
+    .card-body:hover{
+      box-shadow: none;
+      transform: none;
+    }
   }

projects.js

@@ -256,9 +256,9 @@ projects.forEach(project => {
   projectDiv.className = 'col-md-2 mb-4 d-md-inline-block';
   projectDiv.innerHTML = `
       <div class="custom-card text-center" data-bs-toggle="tooltip" data-bs-placement="top" title="${project.description}">
-        <img src="${project.imgSrc}" class="card-img-top rounded-circle mx-auto d-block" alt="React App" style="width: 85px; height:85px">
         <div class="card-body">
           <a href="${project.url}" target="_blank">
+            <img src="${project.imgSrc}" class="card-img-top rounded-circle mx-auto d-block" alt="React App" style="width: 85px; height:85px">
             <h5 class="card-title">${project.title}</h5>
           </a>
         </div>