kit-eco.social/consumocuidado
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

grid responsive

Browse Source
This commit is contained in:
María
2025-10-07 13:18:20 +02:00
parent 2784c9c1bf
commit 8f803b487e
1 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
components/ProductsRelated.vue
View File

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