force photos not to crop

hayleylalchand · Jul 4, 2024 · 83bc639 · 83bc639
1 parent e98142e
commit 83bc639
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/PhotographyCard.astro b/src/components/PhotographyCard.astro
@@ -7,13 +7,18 @@ const { image } = Astro.props;
 ---
 
 <div class="photography-card">
-  <img src={image} alt="Photography" class="w-full h-full object-cover" />
+  <img src={image} alt="Photography" class="w-full h-auto" />
 </div>
 
 <style>
   .photography-card {
     display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  img {
     width: 100%;
-    height: 100%;
+    height: auto;
   }
 </style>