Merge pull request #516 from Adarsh-Chaubey03/main

Aligned all `images` and `cards` for all pages
Tejashri-Taral · Oct 18, 2024 · 6e6a2fe · 6e6a2fe
2 parents b257589 + a72a2d8
commit 6e6a2fe
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 6 deletions.
diff --git a/Style/bags.css b/Style/bags.css
@@ -44,6 +44,8 @@ h1 {
 /* Bag Image */
 .bag-image img {
     width: 100%;
+    aspect-ratio: 2/2;
+    object-fit: cover;
     height: auto;
     transition: transform 0.3s ease;
 }

diff --git a/Style/sandals.css b/Style/sandals.css
@@ -48,7 +48,8 @@ h1 {
 /* Sandal Image */
 .sandal-image img {
     width: 100%;
-    height: auto;
+    aspect-ratio: 2/2.5;
+    object-fit: cover;
     display: block;
     border-bottom: 1px solid #e0e0e0;
 }

diff --git a/Style/sunglasses.css b/Style/sunglasses.css
@@ -48,7 +48,8 @@ h1 {
 /* Sunglasses Image */
 .sunglasses-image img {
     width: 100%;
-    height: auto;
+    aspect-ratio: 1/1;
+    object-fit: cover;
     display: block;
     border-bottom: 1px solid #ddd;
 }

diff --git a/child.html b/child.html
@@ -27,7 +27,12 @@
             transform: translateY(-10px);
             background-color: #c5bebd;
         }
-
+
+         .testimonal__card img{
+            width: 100%;
+            aspect-ratio: 2/2.5;
+            object-fit: cover;
+         }
 
 
         /* Testimonial Title */

diff --git a/products/sandals.html b/products/sandals.html
@@ -107,7 +107,7 @@ <h2>Sport Sandals</h2>
                 <h2>Wedge Heel Sandals</h2>
                 <p class="price">$90.00</p>
                 <p class="rating">Rating: ⭐⭐⭐⭐ (4.6)</p>
-                <p class="description">Elegant wedge heel for a stylish look.</p>
+                <p class="description">Elegant wedge heel for a stylish look.</p><br>
                 <p class="size">Sizes: 5-10</p>
                 <p class="reviews">Reviews: 45</p>
                 <button class="buy-now">Buy Now</button>

diff --git a/sneaker.html b/sneaker.html
@@ -538,7 +538,7 @@ <h2>On Cloudstratus</h2>
                         <h2>Hoka One One Bondi</h2>
                         <p class="price">$145.00</p>
                         <p class="rating">Rating: ⭐⭐⭐⭐⭐ (4.8)</p>
-                        <p class="description">Maximum cushioning for ultimate comfort.</p>
+                        <p class="description">Maximum cushioning for ultimate comfort.</p><br>
                         <p class="size">Sizes: 5-11</p>
                         <p class="reviews">Reviews: 65</p>
                         <button class="buy-now">Buy Now</button>

diff --git a/womens.html b/womens.html
@@ -29,6 +29,11 @@
     transform: translateY(-10px);
     background-color: #c5bebd;
 }
+.testimonal__card img{
+    width: 100%;
+    aspect-ratio: 2/2.5;
+    object-fit: cover;
+}
 
 
 
@@ -137,7 +142,7 @@ <h2 class="my2" id="Topwear">Topwear</h2>
                                 height: 345px;
                                 object-fit: cover;padding: 5px;">
                             <h2 class="testimonal__title"
-                                style="font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;color: hsl(203, 30%, 26%);">    Over-sized T-shirt For Women
+                                style="font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;color: hsl(203, 30%, 26%);">    Over-sized T-shirt 
                                 </h2>
                             <p class="testimonal__description"
                                 style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">