cart: styles enhancements on different screen sizes

2025-11-30 10:50:41 +03:00
parent 961164f842
commit d4332542d1
6 changed files with 51 additions and 58 deletions
--- a/src/pages/product/product.module.css
+++ b/src/pages/product/product.module.css
@@ -219,8 +219,8 @@
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
-  gap: 16px;
-  margin-bottom: 24px;
+  gap: 0px;
+  margin: 16px 0 24px 0;
 }

 .productDetails {
@@ -295,6 +295,16 @@
  }
 }

+@media (min-width: 769px) and (max-width: 1024px) {
+  .productHeader {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 16px;
+    margin: 24px 0;
+  }
+}
+
 .backButtonContainer {
  position: absolute;
  z-index: 999;