Add related products to detail page

2026-07-05 01:07:53 +04:00
parent d7d73c2a10
commit b676cec4e9
7 changed files with 80 additions and 1 deletions
--- a/src/app/pages/item-detail/item-detail.component.scss
+++ b/src/app/pages/item-detail/item-detail.component.scss
@@ -65,6 +65,23 @@ $dx-card-bg: #f5f3f9;
  margin-bottom: 48px;
 }

+.related-products {
+  margin-top: 48px;
+
+  h2 {
+    margin: 0 0 20px;
+    color: $dx-dark;
+    font-size: 1.5rem;
+    font-weight: 800;
+  }
+}
+
+.related-products-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+  gap: 24px;
+}
+
 // Gallery: thumbnails left + main photo right
 .dx-gallery {
  display: flex;