Update cookcli-card.js

This commit is contained in:
TheThomaas 2026-09-17 17:37:12 +02:00
parent eb563a2e8a
commit 33368fa4d8

11
dist/cookcli-card.js vendored
View file

@ -172,18 +172,9 @@ class CookCliCard extends HTMLElement {
puis 2 / 3 / 4 colonnes selon la largeur disponible. */ puis 2 / 3 / 4 colonnes selon la largeur disponible. */
.recipe-grid { .recipe-grid {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 12px; gap: 12px;
} }
@media (min-width: 500px) {
.recipe-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 800px) {
.recipe-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1100px) {
.recipe-grid { grid-template-columns: repeat(4, 1fr); }
}
.recipe-card { .recipe-card {
display: flex; display: flex;