Fix(Styles): Redesigned Projects section for cleaner UI and removed hover animations for mobile compatibility.

styles/styles.css

@@ -129,13 +129,14 @@ ul, li {
     margin-top: 2rem;
 }
 
+.project-card-gridslot {
+}
 .project-card {
     background: white;
     padding: 1.5rem;
     border-radius: 8px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    
-    position: relative;
+    height: fit-content;
 }
 
 .expertise-card h3,
@@ -196,6 +197,30 @@ ul, li {
     height: 200px; /* Adjust the height as needed * /
 }
 */
+.project-detail-button {
+    font-size: 0.9rem;
+    text-decoration: underline;
+    margin-top: 1vh;
+}
+.project-thumbnail {
+    margin-top: 2vh;
+}
+.project-thumbnail img {
+    max-width: 100%;
+    height: auto;
+}
+.project-detail-container {
+    display: none;
+}
+.project-detail-container.active {
+    display: block;
+}
+
+.project-links {
+    text-align: center;
+    margin-top: 1vh;
+}
+
 /* Experience */
 .experience-card {
     background: white;