From 2da5b619e054a2bb8dff4dfa721f8baed53ae50d Mon Sep 17 00:00:00 2001 From: estelle Date: Wed, 15 Jan 2025 12:53:56 -0800 Subject: [PATCH 1/3] Differentiate between two guides --- files/en-us/glossary/grid_axis/index.md | 4 ++-- files/en-us/glossary/gutters/index.md | 2 +- files/en-us/web/css/align-content/index.md | 2 +- files/en-us/web/css/align-items/index.md | 2 +- files/en-us/web/css/align-self/index.md | 2 +- files/en-us/web/css/css_box_alignment/box_alignment/index.md | 2 +- .../css_box_alignment/box_alignment_in_grid_layout/index.md | 2 +- files/en-us/web/css/css_box_alignment/index.md | 2 +- files/en-us/web/css/css_display/index.md | 2 +- .../basic_concepts_of_logical_properties_and_values/index.md | 2 +- files/en-us/web/css/display/index.md | 2 +- files/en-us/web/css/justify-content/index.md | 2 +- files/en-us/web/css/justify-items/index.md | 2 +- files/en-us/web/css/justify-self/index.md | 2 +- files/en-us/web/css/place-content/index.md | 2 +- files/en-us/web/css/place-items/index.md | 2 +- files/en-us/web/css/place-self/index.md | 2 +- files/en-us/web/guide/css/css_layout/index.md | 2 +- 18 files changed, 19 insertions(+), 19 deletions(-) diff --git a/files/en-us/glossary/grid_axis/index.md b/files/en-us/glossary/grid_axis/index.md index 9a4de9819c49be8..2ba433a4522f40c 100644 --- a/files/en-us/glossary/grid_axis/index.md +++ b/files/en-us/glossary/grid_axis/index.md @@ -8,7 +8,7 @@ page-type: glossary-definition CSS grid layout is a two-dimensional layout method enabling the laying out of content in _rows_ and _columns_. Therefore in any grid we have two axes. The _block or column axis_, and the _inline or row axis_. -It is along these axes that items can be aligned and justified using the properties defined in the [Box Alignment specification](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout). +It is along these axes that items can be aligned and justified using the properties defined in the [Box Alignment specification](/en-US/docs/Web/CSS/CSS_box_alignment). In CSS the _block or column axis_ is the axis used when laying out blocks of text. If you have two paragraphs and are working in a right to left, top to bottom language they lay out one below the other, on the block axis. @@ -23,5 +23,5 @@ The physical direction of these axes can change according to the [writing mode]( ## See also - [Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout) -- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [Grids, logical values and writing modes](/en-US/docs/Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes) diff --git a/files/en-us/glossary/gutters/index.md b/files/en-us/glossary/gutters/index.md index 22cdc32d0e56d58..c52057c1f4b3a4e 100644 --- a/files/en-us/glossary/gutters/index.md +++ b/files/en-us/glossary/gutters/index.md @@ -56,7 +56,7 @@ In the example below we have a three-column and two-row track grid, with `20px` In terms of grid sizing, gaps act as if they were a regular grid track however nothing can be placed into the gap. The gap acts as if the grid line at that location has gained extra size, so any grid item placed after that line begins at the end of the gap. -The `row-gap` and `column-gap` properties are not the only things that can cause tracks to space out. Margins, padding, or the use of the space distribution properties in [Box Alignment](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) can all contribute to the visible gap – therefore the `row-gap` and `column-gap` properties should not be seen as equal to the "gutter size" unless you know that your design has not introduced any additional space with one of these methods. +The `row-gap` and `column-gap` properties are not the only things that can cause tracks to space out. Margins, padding, or the use of the space distribution properties in [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) can all contribute to the visible gap – therefore the `row-gap` and `column-gap` properties should not be seen as equal to the "gutter size" unless you know that your design has not introduced any additional space with one of these methods. ## See also diff --git a/files/en-us/web/css/align-content/index.md b/files/en-us/web/css/align-content/index.md index ae405e018b1678b..38eaddcc39a7321 100644 --- a/files/en-us/web/css/align-content/index.md +++ b/files/en-us/web/css/align-content/index.md @@ -248,7 +248,7 @@ In [block layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_block_a - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) - [Block and inline layout in normal flow](/en-US/docs/Web/CSS/CSS_flow_layout/Block_and_inline_layout_in_normal_flow) - [Block-level_content](/en-US/docs/Glossary/Block-level_content) diff --git a/files/en-us/web/css/align-items/index.md b/files/en-us/web/css/align-items/index.md index 55753464726b85b..54e9cd8507ec6c8 100644 --- a/files/en-us/web/css/align-items/index.md +++ b/files/en-us/web/css/align-items/index.md @@ -288,7 +288,7 @@ display.addEventListener("change", (evt) => { - {{cssxref("place-items")}} shorthand - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module - [CSS flexible box layout](/en-US/docs/Web/CSS/CSS_flexible_box_layout) module - [CSS grid layout](/en-US/docs/Web/CSS/CSS_grid_layout) module diff --git a/files/en-us/web/css/align-self/index.md b/files/en-us/web/css/align-self/index.md index 0d06b47b3712891..4b2ac5153cb3de0 100644 --- a/files/en-us/web/css/align-self/index.md +++ b/files/en-us/web/css/align-self/index.md @@ -143,7 +143,7 @@ div:nth-child(3) { - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) - {{cssxref("align-items")}} - {{cssxref("justify-self")}} diff --git a/files/en-us/web/css/css_box_alignment/box_alignment/index.md b/files/en-us/web/css/css_box_alignment/box_alignment/index.md index 9794afb81ba96de..5a89a4d3d11bb82 100644 --- a/files/en-us/web/css/css_box_alignment/box_alignment/index.md +++ b/files/en-us/web/css/css_box_alignment/box_alignment/index.md @@ -285,4 +285,4 @@ As the CSS box alignment properties are implemented differently depending on the - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) - [CSS grid layout](/en-US/docs/Web/CSS/CSS_grid_layout) module -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) diff --git a/files/en-us/web/css/css_box_alignment/box_alignment_in_grid_layout/index.md b/files/en-us/web/css/css_box_alignment/box_alignment_in_grid_layout/index.md index f7dff9a24a30737..9f841f4ce016e2f 100644 --- a/files/en-us/web/css/css_box_alignment/box_alignment_in_grid_layout/index.md +++ b/files/en-us/web/css/css_box_alignment/box_alignment_in_grid_layout/index.md @@ -74,4 +74,4 @@ The grid specification originally contained the definition for the properties {{ - [Box alignment in multiple-column layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_multi-column_layout) - [Box alignment for block, absolutely positioned and table layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_block_abspos_tables) -- [Alignment in grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Aligning items in CSS grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) diff --git a/files/en-us/web/css/css_box_alignment/index.md b/files/en-us/web/css/css_box_alignment/index.md index 867f64dec0517e4..dcd1e899d54b214 100644 --- a/files/en-us/web/css/css_box_alignment/index.md +++ b/files/en-us/web/css/css_box_alignment/index.md @@ -91,7 +91,7 @@ The alignment of text and inline-level content is defined in [CSS text module](/ - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS display](/en-US/docs/Web/CSS/CSS_display) module - [CSS flexible box layout](/en-US/docs/Web/CSS/CSS_flexible_box_layout) module - [CSS grid layout](/en-US/docs/Web/CSS/CSS_grid_layout) module diff --git a/files/en-us/web/css/css_display/index.md b/files/en-us/web/css/css_display/index.md index 5a0f58eb0dc8c3c..e0c54837e884d8e 100644 --- a/files/en-us/web/css/css_display/index.md +++ b/files/en-us/web/css/css_display/index.md @@ -55,7 +55,7 @@ The **CSS display** module defines how the CSS formatting box tree is generated - [Grid template areas](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_template_areas) - [Layout using named grid lines](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_named_grid_lines) - [Auto-placement in grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Auto-placement_in_grid_layout) -- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Aligning items in CSS grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) - [Grids, logical values and writing modes](/en-US/docs/Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes) - [CSS grid layout and accessibility](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_and_accessibility) - [CSS grid layout and progressive enhancement](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_and_progressive_enhancement) diff --git a/files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/index.md b/files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/index.md index 130234cfdd21641..62b8948d0d2625b 100644 --- a/files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/index.md +++ b/files/en-us/web/css/css_logical_properties_and_values/basic_concepts_of_logical_properties_and_values/index.md @@ -93,7 +93,7 @@ This diagram shows block and inline in a vertical writing mode: ## See also -- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [Box alignment in flex layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox) - [Flow layout and writing modes](/en-US/docs/Web/CSS/CSS_flow_layout/Flow_layout_and_writing_modes) - [Understanding logical properties and values](https://www.smashingmagazine.com/2018/03/understanding-logical-properties-values/) on Smashing Magazine (2018) diff --git a/files/en-us/web/css/display/index.md b/files/en-us/web/css/display/index.md index 1d6dd270ab788be..82fd33de48ade26 100644 --- a/files/en-us/web/css/display/index.md +++ b/files/en-us/web/css/display/index.md @@ -269,7 +269,7 @@ The individual pages for the different types of value that `display` can have se - [Grid template areas](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_template_areas) - [Layout using named grid lines](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_named_grid_lines) - [Auto-placement in grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Auto-placement_in_grid_layout) -- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Aligning items in CSS grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) - [Grids, logical values and writing modes](/en-US/docs/Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes) - [CSS grid layout and accessibility](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_and_accessibility) - [CSS grid layout and progressive enhancement](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_and_progressive_enhancement) diff --git a/files/en-us/web/css/justify-content/index.md b/files/en-us/web/css/justify-content/index.md index efb074103ee726e..7e316e3e6fcbd68 100644 --- a/files/en-us/web/css/justify-content/index.md +++ b/files/en-us/web/css/justify-content/index.md @@ -393,5 +393,5 @@ Select different keywords from the drop-down menu to visualize the different `ju - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module diff --git a/files/en-us/web/css/justify-items/index.md b/files/en-us/web/css/justify-items/index.md index d7b4619668dc5c4..ef5333a7ec2458b 100644 --- a/files/en-us/web/css/justify-items/index.md +++ b/files/en-us/web/css/justify-items/index.md @@ -190,5 +190,5 @@ span { - {{CSSxRef("justify-self")}} - {{CSSxRef("align-items")}} - {{CSSxRef("place-items")}} shorthand -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module diff --git a/files/en-us/web/css/justify-self/index.md b/files/en-us/web/css/justify-self/index.md index bff8949755cce3c..0db88d797a64c32 100644 --- a/files/en-us/web/css/justify-self/index.md +++ b/files/en-us/web/css/justify-self/index.md @@ -195,7 +195,7 @@ span { ## See also -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module - {{CSSxRef("justify-items")}} - {{cssxref("align-self")}} diff --git a/files/en-us/web/css/place-content/index.md b/files/en-us/web/css/place-content/index.md index a6c455c7b77d7d9..6e0ed382f4ffff1 100644 --- a/files/en-us/web/css/place-content/index.md +++ b/files/en-us/web/css/place-content/index.md @@ -240,5 +240,5 @@ div > div { - {{cssxref("justify-content")}} - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module diff --git a/files/en-us/web/css/place-items/index.md b/files/en-us/web/css/place-items/index.md index 7c61b2b4cd6e1fa..b31d69ac763a8c2 100644 --- a/files/en-us/web/css/place-items/index.md +++ b/files/en-us/web/css/place-items/index.md @@ -311,5 +311,5 @@ values.addEventListener("change", (evt) => { - {{CSSxRef("justify-self")}} - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module diff --git a/files/en-us/web/css/place-self/index.md b/files/en-us/web/css/place-self/index.md index 5502b2b40f00d2c..95b592857f6b30c 100644 --- a/files/en-us/web/css/place-self/index.md +++ b/files/en-us/web/css/place-self/index.md @@ -168,5 +168,5 @@ span { - {{cssxref("justify-self")}} - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module diff --git a/files/en-us/web/guide/css/css_layout/index.md b/files/en-us/web/guide/css/css_layout/index.md index 96236ff2447640f..9896b770322bf8f 100644 --- a/files/en-us/web/guide/css/css_layout/index.md +++ b/files/en-us/web/guide/css/css_layout/index.md @@ -77,7 +77,7 @@ CSS Grid Layout introduces a two-dimensional grid system to CSS. Grids can be us - : How to name lines, and place items by line name rather than number. - [Auto-placement in CSS Grid Layout](/en-US/docs/Web/CSS/CSS_grid_layout/Auto-placement_in_grid_layout) - : How to manage the auto-placement algorithm, and understand how the browser places items. -- [Box alignment in CSS Grid Layout](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Aligning items in CSS grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) - : How to align items, and distribute space on both axes in grid. - [CSS Grid, Logical Values and Writing Modes](/en-US/docs/Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes) - : How to use flow relative, rather than physical, properties and values with grid. From f29056133c8ca7b10429e53d49fe36bf6806846e Mon Sep 17 00:00:00 2001 From: Estelle Weyl Date: Thu, 6 Feb 2025 15:25:14 -0800 Subject: [PATCH 2/3] Update files/en-us/web/guide/css/css_layout/index.md --- files/en-us/web/guide/css/css_layout/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/en-us/web/guide/css/css_layout/index.md b/files/en-us/web/guide/css/css_layout/index.md index 9896b770322bf8f..96236ff2447640f 100644 --- a/files/en-us/web/guide/css/css_layout/index.md +++ b/files/en-us/web/guide/css/css_layout/index.md @@ -77,7 +77,7 @@ CSS Grid Layout introduces a two-dimensional grid system to CSS. Grids can be us - : How to name lines, and place items by line name rather than number. - [Auto-placement in CSS Grid Layout](/en-US/docs/Web/CSS/CSS_grid_layout/Auto-placement_in_grid_layout) - : How to manage the auto-placement algorithm, and understand how the browser places items. -- [Aligning items in CSS grid layout](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) +- [Box alignment in CSS Grid Layout](/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout) - : How to align items, and distribute space on both axes in grid. - [CSS Grid, Logical Values and Writing Modes](/en-US/docs/Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes) - : How to use flow relative, rather than physical, properties and values with grid. From 5a6db1b93d9004825dad42dcad66223504cdc421 Mon Sep 17 00:00:00 2001 From: estelle Date: Thu, 6 Feb 2025 15:29:41 -0800 Subject: [PATCH 3/3] name to match url --- files/en-us/web/css/align-content/index.md | 2 +- files/en-us/web/css/align-items/index.md | 2 +- files/en-us/web/css/align-self/index.md | 2 +- files/en-us/web/css/css_box_alignment/box_alignment/index.md | 2 +- files/en-us/web/css/css_box_alignment/index.md | 2 +- files/en-us/web/css/justify-content/index.md | 2 +- files/en-us/web/css/justify-items/index.md | 2 +- files/en-us/web/css/justify-self/index.md | 2 +- files/en-us/web/css/place-content/index.md | 2 +- files/en-us/web/css/place-items/index.md | 2 +- files/en-us/web/css/place-self/index.md | 2 +- 11 files changed, 11 insertions(+), 11 deletions(-) diff --git a/files/en-us/web/css/align-content/index.md b/files/en-us/web/css/align-content/index.md index 38eaddcc39a7321..44944e5b52d9767 100644 --- a/files/en-us/web/css/align-content/index.md +++ b/files/en-us/web/css/align-content/index.md @@ -248,7 +248,7 @@ In [block layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_block_a - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) +- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) - [Block and inline layout in normal flow](/en-US/docs/Web/CSS/CSS_flow_layout/Block_and_inline_layout_in_normal_flow) - [Block-level_content](/en-US/docs/Glossary/Block-level_content) diff --git a/files/en-us/web/css/align-items/index.md b/files/en-us/web/css/align-items/index.md index 54e9cd8507ec6c8..d6fd0e74d10873f 100644 --- a/files/en-us/web/css/align-items/index.md +++ b/files/en-us/web/css/align-items/index.md @@ -288,7 +288,7 @@ display.addEventListener("change", (evt) => { - {{cssxref("place-items")}} shorthand - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) +- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module - [CSS flexible box layout](/en-US/docs/Web/CSS/CSS_flexible_box_layout) module - [CSS grid layout](/en-US/docs/Web/CSS/CSS_grid_layout) module diff --git a/files/en-us/web/css/align-self/index.md b/files/en-us/web/css/align-self/index.md index 4b2ac5153cb3de0..2f82421fec33634 100644 --- a/files/en-us/web/css/align-self/index.md +++ b/files/en-us/web/css/align-self/index.md @@ -143,7 +143,7 @@ div:nth-child(3) { - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) +- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) - {{cssxref("align-items")}} - {{cssxref("justify-self")}} diff --git a/files/en-us/web/css/css_box_alignment/box_alignment/index.md b/files/en-us/web/css/css_box_alignment/box_alignment/index.md index cc1d3a500eb9cfe..ca772622aac21b0 100644 --- a/files/en-us/web/css/css_box_alignment/box_alignment/index.md +++ b/files/en-us/web/css/css_box_alignment/box_alignment/index.md @@ -285,4 +285,4 @@ As the CSS box alignment properties are implemented differently depending on the - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) - [CSS grid layout](/en-US/docs/Web/CSS/CSS_grid_layout) module -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) +- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) diff --git a/files/en-us/web/css/css_box_alignment/index.md b/files/en-us/web/css/css_box_alignment/index.md index 189e49fe47bd50a..26cd6175a5e19e1 100644 --- a/files/en-us/web/css/css_box_alignment/index.md +++ b/files/en-us/web/css/css_box_alignment/index.md @@ -88,7 +88,7 @@ The alignment of text and inline-level content is defined in [CSS text module](/ - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) +- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS display](/en-US/docs/Web/CSS/CSS_display) module - [CSS flexible box layout](/en-US/docs/Web/CSS/CSS_flexible_box_layout) module - [CSS grid layout](/en-US/docs/Web/CSS/CSS_grid_layout) module diff --git a/files/en-us/web/css/justify-content/index.md b/files/en-us/web/css/justify-content/index.md index 7e316e3e6fcbd68..29de2fa6a4b4e3a 100644 --- a/files/en-us/web/css/justify-content/index.md +++ b/files/en-us/web/css/justify-content/index.md @@ -393,5 +393,5 @@ Select different keywords from the drop-down menu to visualize the different `ju - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) +- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module diff --git a/files/en-us/web/css/justify-items/index.md b/files/en-us/web/css/justify-items/index.md index ef5333a7ec2458b..300a6818909742e 100644 --- a/files/en-us/web/css/justify-items/index.md +++ b/files/en-us/web/css/justify-items/index.md @@ -190,5 +190,5 @@ span { - {{CSSxRef("justify-self")}} - {{CSSxRef("align-items")}} - {{CSSxRef("place-items")}} shorthand -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) +- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module diff --git a/files/en-us/web/css/justify-self/index.md b/files/en-us/web/css/justify-self/index.md index a3ca21682a3f8dc..8e12d60e9a6e0c9 100644 --- a/files/en-us/web/css/justify-self/index.md +++ b/files/en-us/web/css/justify-self/index.md @@ -195,7 +195,7 @@ span { ## See also -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) +- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module - {{CSSxRef("justify-items")}} - {{cssxref("align-self")}} diff --git a/files/en-us/web/css/place-content/index.md b/files/en-us/web/css/place-content/index.md index 6e0ed382f4ffff1..6c582f05a85cc85 100644 --- a/files/en-us/web/css/place-content/index.md +++ b/files/en-us/web/css/place-content/index.md @@ -240,5 +240,5 @@ div > div { - {{cssxref("justify-content")}} - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) +- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module diff --git a/files/en-us/web/css/place-items/index.md b/files/en-us/web/css/place-items/index.md index b31d69ac763a8c2..5d10cff365cec7a 100644 --- a/files/en-us/web/css/place-items/index.md +++ b/files/en-us/web/css/place-items/index.md @@ -311,5 +311,5 @@ values.addEventListener("change", (evt) => { - {{CSSxRef("justify-self")}} - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) +- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module diff --git a/files/en-us/web/css/place-self/index.md b/files/en-us/web/css/place-self/index.md index 95b592857f6b30c..f9f03ce42ba7dbd 100644 --- a/files/en-us/web/css/place-self/index.md +++ b/files/en-us/web/css/place-self/index.md @@ -168,5 +168,5 @@ span { - {{cssxref("justify-self")}} - [Basic concepts of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) - [Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container) -- [Box alignment in CSS grid layouts](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) +- [Box alignment in grid layout](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout) - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module