diff --git a/files/fr/glossary/grid_cell/index.md b/files/fr/glossary/grid_cell/index.md index 3753ab1f60846b..1ba868b8d15a19 100644 --- a/files/fr/glossary/grid_cell/index.md +++ b/files/fr/glossary/grid_cell/index.md @@ -1,20 +1,22 @@ --- title: Cellule de grille slug: Glossary/Grid_Cell +l10n: + sourceCommit: 27e8f6c17e93b026d6083ca333ed0d4ff6360d3e --- {{GlossarySidebar}} -Dans une [Grille CSS](/fr/docs/Web/CSS/CSS_Grid_Layout), une **cellule de grille** est la plus petite unité de la grille CSS. Elle est un espace entre 4 intersections {{glossary("grid lines","lignes de grille")}} et conceptuellement assimilable à une cellule de tableau. +Dans une [grille CSS](/fr/docs/Web/CSS/CSS_grid_layout), une **cellule de grille** est la plus petite unité de la grille. C'est l'espace créé entre 4 intersections de [lignes de grille](/fr/docs/Glossary/Grid_Lines). D'une certaine façon, une cellule de grille est assimilable à une cellule de tableau. -![Diagram showing an individual cell on the grid.](1_grid_cell.png) +![Un diagramme mettant en avant une cellule de grille en bleu turquoise en haut à gauche d'une grille de 3 colonnes par 2 lignes.](1_grid_cell.png) -Si vous ne placez pas d'éléments à l'aide de l'une des méthodes de placement de grille, les enfants directs du conteneur de grille seront placés un dans chaque cellule individuelle par l'algorithme de placement automatique. Les {{glossary("Grid Tracks", "pistes")}} de ligne ou colonne supplémentaire seront créées par la création des cellules nécessaires pour contenir tous les éléments. - -Dans l'exemple, nous avons créé une grille de trois colonnes. Les cinq éléments sont placés dans des cellules de la grille le long d'une rangée initiale de trois cellules de la grille, puis par l'ajout d'une nouvelle ligne pour les deux autres. +Si vous ne placez pas d'éléments à l'aide de l'une des méthodes de placement de grille, les enfants directs du conteneur de grille seront placés individuellement dans chaque cellule de la grille par l'algorithme de placement automatique. Des [pistes de ligne ou de colonne](/fr/docs/Glossary/Grid_Tracks) supplémentaires seront créées afin d'obtenir suffisamment de cellules pour contenir tous les éléments. ## Exemple +Dans l'exemple, nous avons créé une grille de trois colonnes. Les cinq éléments sont placés dans des cellules de la grille le long d'une rangée initiale de trois cellules de la grille, puis par l'ajout d'une nouvelle ligne pour les deux autres. + ```css hidden * { box-sizing: border-box; @@ -45,26 +47,22 @@ Dans l'exemple, nous avons créé une grille de trois colonnes. Les cinq éléme ```html