« Modèle:ButtonGrid/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
.minicardv2-container{ | .minicardv2-container{ | ||
display:flex; | display:flex; | ||
gap:. | flex-wrap:wrap; /* ✅ autorise plusieurs lignes */ | ||
gap:.9rem; /* comme tes tuiles du dessus, ajuste si besoin */ | |||
width:100%; | width:100%; | ||
padding:.4rem 0; | padding:.4rem 0; | ||
box-sizing:border-box; | |||
/* on retire le scroll horizontal */ | |||
overflow | overflow:visible; | ||
} | } | ||
.minicardv2-container > | /* Chaque bouton (div.button-link) doit se comporter comme une tuile */ | ||
flex:1 1 | .minicardv2-container > .button-link{ | ||
flex:1 1 160px; /* ✅ largeur mini, puis s’étire */ | |||
min-width:160px; /* ajuste: 140–220 selon ton design */ | |||
max-width:240px; /* optionnel: évite des tuiles trop larges */ | |||
} | } | ||
Version du 4 février 2026 à 19:59
.minicardv2-container{
display:flex;
flex-wrap:wrap; /* ✅ autorise plusieurs lignes */
gap:.9rem; /* comme tes tuiles du dessus, ajuste si besoin */
width:100%;
padding:.4rem 0;
box-sizing:border-box;
/* on retire le scroll horizontal */
overflow:visible;
}
/* Chaque bouton (div.button-link) doit se comporter comme une tuile */
.minicardv2-container > .button-link{
flex:1 1 160px; /* ✅ largeur mini, puis s’étire */
min-width:160px; /* ajuste: 140–220 selon ton design */
max-width:240px; /* optionnel: évite des tuiles trop larges */
}