« Modèle:ButtonGrid/styles.css » : différence entre les versions

@@ Ligne 1 : / Ligne 1 : @@
-.minicardv2-container{
+.ButtonGrid-container{
-   display:flex;
+   display:grid;
-   gap:.6rem;
+   gap:.9rem;
    width:100%;
    padding:.4rem 0;
+  box-sizing:border-box;
-   flex-wrap:nowrap;
+   /* Colonnes harmonisées, responsive */
-   overflow-x:auto;
+  grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
+   align-items:stretch;
 }
-.minicardv2-container > *{
+/* Chaque bouton remplit sa cellule */
-   flex:1 1 0;        /* largeur auto selon nombre de tuiles */
+.ButtonGrid-container > .button-link{
-   min-width:120px;
+   width:100%;
+}
+/* Le lien interne remplit la hauteur du bouton */
+.ButtonGrid-container > .button-link .button-link__link{
+   height:100%;
 }