Update style.css

Portfolio/style.css

@@ -36,7 +36,7 @@ a:focus {
   border-color: currentColor;
 }
 
-/* Site header and navigation */
+ 
 body > header {
   background: var(--paper);
   display: flex;
@@ -92,21 +92,20 @@ body > header nav ul li a {
   background: white;
   border-radius: 8px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-  width: 48%;  /* Adjust width to fit two cards side by side */
+  width: 48%;  
   display: flex;
   flex-direction: column;
-  overflow: hidden;  /* Hide any overflow content */
+  overflow: hidden;   
 }
 
 .card img {
   width: 100%;
-  height: 200px;  /* Fixed height for image */
-  object-fit: cover;  /* Ensure the image covers the entire area */
-}
+  height: 200px;   
+  object-fit: cover;   
 
 .container {
   padding: 20px;
-  flex-grow: 1;  /* Allow text to take up remaining space in the card */
+  flex-grow: 1;   
 }
 
 .container h4 {
@@ -148,6 +147,6 @@ footer a {
 
 @media (max-width: 768px) {
   .card {
-    width: 100%;  /* Make the cards take full width on small screens */
+    width: 100%;  
   }
 }