Est-il possible d'ignorer un espace de ligne de grille/un espace de colonne de poignée pour une seule gouttière?

Question

Y at-il un moyen de définir une seule grid-row-gap à la taille spécifique qui est différent du reste de la grille?

Cas d'utilisation: la rangée supérieure de la grille doit avoir moins d'un écart de la deuxième rangée que le reste de la grille car il agit comme un en-tête.

Answer 1

Les propriétés grid-row-gap et grid-column-gap s'appliquent à l'ensemble de la grille (spec reference).

Cependant, on peut utiliser des marges négatives sur les seconds éléments de grille de ligne pour ajuster leur position.

Une autre option serait d'enlever la rangée supérieure (en-têtes) à partir du courant de grille et le placer dans un récipient différent, directement au-dessus des données. Cela éliminerait le problème grid-gap.