Update cookcli-card.js
This commit is contained in:
parent
eb563a2e8a
commit
33368fa4d8
11
dist/cookcli-card.js
vendored
11
dist/cookcli-card.js
vendored
|
|
@ -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;
|
||||
|
|
|
|||
Reference in a new issue