gift: working on UI ans styles

2025-12-31 14:28:11 +03:00
parent 38c83d5143
commit 71e1d71c96
22 changed files with 720 additions and 93 deletions
--- a/src/pages/CardDetails/components/GiftAmountCard/GiftAmountCard.module.css
+++ b/src/pages/CardDetails/components/GiftAmountCard/GiftAmountCard.module.css
@@ -0,0 +1,18 @@
+.customerInformationCard {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 16px;
+  width: 100%;
+}
+
+.customerInformationCard > * {
+  min-width: 0;
+  width: 100%;
+}
+
+/* Reduce gap on small screens to prevent overflow */
+@media (max-width: 480px) {
+  .customerInformationCard {
+    gap: 8px;
+  }
+}