- product-img-cover: max-height → height fija para que placeholder y imagen real ocupen exactamente el mismo bloque (120px/90px/60px según breakpoint) - product-img-placeholder: reemplaza SVG inline por flex centrado, más limpio - Reducir padding/márgenes generales en card-body, title, supplier, tags y precio - Dos breakpoints responsivos: ≤768px (tablet, imagen 90px) y ≤480px (móvil, imagen 60px, fuentes y márgenes mínimos) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| description | ||
| src | ||
| tests | ||