Update templates/cart.html

templates/cart.html

@@ -13,6 +13,16 @@
             background-color: #f3f4f6;
             color: #333;
         }
+
+
+      .instructions {
+    white-space: normal; /* Allow text to wrap */
+    word-wrap: break-word; /* Break long words */
+    overflow: hidden; /* Hide overflowed content */
+    text-overflow: ellipsis; /* Add ellipsis if content overflows */
+    max-height: 80px; /* Limit the height to fit within the card */
+}
+
         .cart-container {
             max-width: 768px;
             margin: 20px auto;
@@ -371,7 +381,7 @@
             <!-- Cart Items -->
             <div class="cart-container2">
                 {% for item in cart_items %}
-                    <div class="cart-item">
+                    <div class="cart-item instructions">
                         <div class="image-wrapper">
                             <img src="{{ item.Image1__c }}" alt="{{ item.Name }}" onerror="this.src='/static/placeholder.jpg';">
                         </div>