Update public/index.html

public/index.html

@@ -28,28 +28,15 @@
     <link href="assets/css/main.css" rel="stylesheet">
     <!-- link to style.css  : added by Salam -->
     <style>
-    body {
-      background: #f5f5f5;
-      font-family: Arial, sans-serif;
-      padding: 40px;
-    }
-
-    .portfolio-container {
-      display: flex;
-      gap: 30px;
-      flex-wrap: wrap;
-      justify-content: center;
-    }
-
   .portfolio-content {
-      width: 300px;
     background: #fff;
     border-radius: 20px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
+    padding: 0;
     overflow: hidden;
-      transition: all 0.3s ease-in-out;
     display: flex;
     flex-direction: column;
+    transition: all 0.3s ease-in-out;
   }
 
   .portfolio-content:hover {
@@ -59,13 +46,15 @@
 
   .portfolio-content img {
     width: 100%;
-      height: auto;
-      object-fit: cover;
+    max-height: 180px; /* Bildhöhe begrenzen */
+    object-fit: contain; /* Inhalt einpassen, nicht beschneiden */
+    padding: 10px;
+    background: #f9f9f9;
     border-bottom: 1px solid #eee;
   }
 
   .portfolio-info {
-      padding: 20px;
+    padding: 15px 20px;
     text-align: left;
   }
 
@@ -94,8 +83,7 @@
   .portfolio-info i {
     font-size: 1.3rem;
   }
-  </style>
-
+</style>
 
   <!-- =======================================================
   * Template Name: FlexStart