Bonsoir,
Il y a quelque chose que je ne comprend pas dans le comportement du module CSS grid layout sur des cas de grilles imbriquées.
Tout d'abord un CodePen : nested grids, test.
Je teste ici avec deux approches de grilles :
- définition explicite du nombre de colonnes (classes ".grid2", ".grid3"...)
- auto-fit avec une valeur minimum pour la largeur de la colonne (classe ".grid-auto")
Mais je rencontre le même comportement au final : si la grille imbriquée n'est pas un enfant direct de la grille parente, alors elle reprend le nombre de colonnes de la grille parente ou, si auto-fit, sa largeur minimum de colonne. Pourquoi ?
Je précise que je n'ai définit de valeur "subgrid" nul part (règle très mal supportée de toute façon).
Il y a quelque chose que je ne comprend pas dans le comportement du module CSS grid layout sur des cas de grilles imbriquées.
Tout d'abord un CodePen : nested grids, test.
Je teste ici avec deux approches de grilles :
- définition explicite du nombre de colonnes (classes ".grid2", ".grid3"...)
- auto-fit avec une valeur minimum pour la largeur de la colonne (classe ".grid-auto")
Mais je rencontre le même comportement au final : si la grille imbriquée n'est pas un enfant direct de la grille parente, alors elle reprend le nombre de colonnes de la grille parente ou, si auto-fit, sa largeur minimum de colonne. Pourquoi ?
Je précise que je n'ai définit de valeur "subgrid" nul part (règle très mal supportée de toute façon).