grid responsive

2025-10-07 13:18:20 +02:00
parent 2784c9c1bf
commit 8f803b487e
1 changed files with 15 additions and 17 deletions
--- a/components/ProductsRelated.vue
+++ b/components/ProductsRelated.vue
@@ -49,13 +49,11 @@ export default {

 <style lang="scss" scoped>
 .cards-grid {
-    display: flex;
-    justify-content: center;
-    align-items: flex-start;
-    align-content: flex-start;
-    gap: 32px var(--spacing-p-8, 32px);
-    align-self: stretch;
-    flex-wrap: wrap;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 1.5rem;
+  align-items: center;
+  justify-items: center;
  margin-top: 2rem;
 }
 .c-pagination {