responsive review

2025-10-07 13:09:10 +02:00
parent b945bf0673
commit 2784c9c1bf
10 changed files with 76 additions and 37 deletions
--- a/components/ProductCard.vue
+++ b/components/ProductCard.vue
@@ -192,10 +192,10 @@ export default {
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 24px 24px 0 0;
-  @include mobile {
-    max-height: 10rem;
-    max-width: 10rem;
-  }
+  // @include mobile {
+  //   max-height: 10rem;
+  //   max-width: 10rem;
+  // }
  .image {
    width: 100%;
    height: 100%;
@@ -218,6 +218,10 @@ export default {
  position: relative; // necesario para controlar hijos absolutos
  overflow: hidden;

+  @include mobile {
+    width: 270px;
+  }
+
  p {
    text-align: center;
    display: -webkit-box;