From fce408d155f2e2571f57259d0bfd6cca42a5f73c Mon Sep 17 00:00:00 2001 From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com> Date: Mon, 24 Jun 2024 15:24:46 +0530 Subject: [PATCH] fix(learn/css): update replaced elements in grid layout description (#34317) * fix(learn/css): update replaced elements in grid layout description * Update files/en-us/learn/css/building_blocks/images_media_form_elements/index.md --------- Co-authored-by: Estelle Weyl --- .../css/building_blocks/images_media_form_elements/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/en-us/learn/css/building_blocks/images_media_form_elements/index.md b/files/en-us/learn/css/building_blocks/images_media_form_elements/index.md index 57b398e3210434b..be7ead8125bea1f 100644 --- a/files/en-us/learn/css/building_blocks/images_media_form_elements/index.md +++ b/files/en-us/learn/css/building_blocks/images_media_form_elements/index.md @@ -74,7 +74,7 @@ You could also try the value of `fill`, which will fill the box but not maintain ## Replaced elements in layout -When using various CSS layout techniques on replaced elements, you may well find that they behave slightly differently from other elements. For example, in a flex or grid layout, elements are stretched by default to fill the entire area. Images will not stretch, and instead will be aligned to the start of the grid area or flex container. +When using various CSS layout techniques on replaced elements, you may well find that they behave slightly differently from other elements. For example, in a grid layout, elements are stretched by default to fill their entire [grid areas](/en-US/docs/Glossary/Grid_Areas). Images do not stretch; instead, they are aligned to the start of their grid areas. You can see this happening in the example below where we have a two column, two row grid container, which has four items in it. All of the `
` elements have a background color and stretch to fill the row and column. The image, however, does not stretch.