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

@@ Ligne 1 : / Ligne 1 : @@
-.minicardv2-container{
+.ButtonGrid-container{
-   display:flex;
+   display:grid;
-  flex-wrap:wrap;            /* ✅ autorise plusieurs lignes */
+   gap:.9rem;
-   gap:.9rem;                 /* comme tes tuiles du dessus, ajuste si besoin */
    width:100%;
@@ Ligne 8 : / Ligne 7 : @@
    box-sizing:border-box;
-   /* on retire le scroll horizontal */
+   /* Colonnes harmonisées, responsive */
-   overflow:visible;
+   grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
+  align-items:stretch;
 }
-/* Chaque bouton (div.button-link) doit se comporter comme une tuile */
+/* Chaque bouton remplit sa cellule */
-.minicardv2-container > .button-link{
+.ButtonGrid-container > .button-link{
-   flex:1 1 160px;            /* ✅ largeur mini, puis s’étire */
+   width:100%;
-  min-width:160px;           /* ajuste: 140–220 selon ton design */
+}
-   max-width:240px;           /* optionnel: évite des tuiles trop larges */
+/* Le lien interne remplit la hauteur du bouton */
+.ButtonGrid-container > .button-link .button-link__link{
+   height:100%;
 }