Files
web-menu-react-version/src/pages/CardDetails/components/GiftAmountCard/GiftAmountCard.module.css

25 lines
387 B
CSS

.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;
}
}
.editIcon {
position: absolute;
top: -7px;
right: 5px;
}