Modèle:Grille/styles.css

/* Modèle:Grille/styles.css */

.nefald-grille {
    display: grid !important;
    /* Crée des colonnes automatiques d'au moins 350px. 
       Ajuste '350px' selon la largeur souhaitée de tes cartes Joueur */
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    width: 100%;
    align-items: stretch; /* Force la même hauteur pour toutes les cartes d'une ligne */
}

/* On neutralise les <p> et <br> pour qu'ils ne comptent pas comme des éléments de grille */
.nefald-grille > p,
.nefald-grille > br {
    display: contents !important;
}

/* On cible les div (les cartes) pour qu'elles occupent tout l'espace de leur cellule */
.nefald-grille > div,
.nefald-grille > p > div {
    display: flex;
    flex-direction: column;
    height: 100% !important;
    margin: 0 !important; /* Supprime les marges qui créent le décalage */
}

/* Sécurité : on force l'élément interne de la carte Joueur à s'étirer */
.nefald-grille .joueur-banniere, 
.nefald-grille [class*="joueur"] {
    flex: 1;
    height: 100%;
}