Update templates/cart.html

templates/cart.html

@@ -26,12 +26,15 @@
         }
         
         .cart-item {
-            display: flex;                  /* Flexbox layout for the cart item */
-            align-items: flex-start;         /* Ensure the image and content align at the top */
-            justify-content: space-between;  /* Spread image and content across the container */
-            border-bottom: 1px solid red;
-            padding: 15px 0;
-        }
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    border: 1px solid black; /* Border around all four sides of the cart item */
+    padding: 15px; /* Padding inside the border */
+    box-sizing: border-box; /* Ensure the border is included in the total width/height */
+    min-height: 100px; /* Ensure the cart item div has enough height for content */
+}
+
         .cart-item-actions-top {
     text-align: right; /* Aligns the trash icon to the top-right corner */
     margin-bottom: 10px; /* Adds space between the image and the trash icon */