« 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: | display:grid; | ||
gap:.9rem; | |||
gap:.9rem; | |||
width:100%; | width:100%; | ||
| Ligne 8 : | Ligne 7 : | ||
box-sizing:border-box; | box-sizing:border-box; | ||
/* | /* Colonnes harmonisées, responsive */ | ||
grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); | |||
align-items:stretch; | |||
} | } | ||
/* | /* S'assure que le bouton remplit bien sa "cellule" */ | ||
.minicardv2-container > .button-link{ | .minicardv2-container > .button-link{ | ||
width:100%; | |||
} | |||
/* (optionnel) si tu veux une hauteur identique */ | |||
.minicardv2-container > .button-link .button-link__link{ | |||
height:100%; | |||
} | } | ||
Version du 4 février 2026 à 20:02
.minicardv2-container{
display:grid;
gap:.9rem;
width:100%;
padding:.4rem 0;
box-sizing:border-box;
/* Colonnes harmonisées, responsive */
grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));
align-items:stretch;
}
/* S'assure que le bouton remplit bien sa "cellule" */
.minicardv2-container > .button-link{
width:100%;
}
/* (optionnel) si tu veux une hauteur identique */
.minicardv2-container > .button-link .button-link__link{
height:100%;
}