diff --git a/dist/cookcli-card.js b/dist/cookcli-card.js index ff44697..247c368 100644 --- a/dist/cookcli-card.js +++ b/dist/cookcli-card.js @@ -172,18 +172,9 @@ class CookCliCard extends HTMLElement { puis 2 / 3 / 4 colonnes selon la largeur disponible. */ .recipe-grid { display: grid; - grid-template-columns: 1fr; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 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 { display: flex;