From 527d442ac7eff5e5add0954e78174c9b689b763d Mon Sep 17 00:00:00 2001 From: Iva <13046162+IvaLeder@users.noreply.github.com> Date: Wed, 20 Mar 2019 11:14:52 +0100 Subject: [PATCH] Update grid properties (#25190) * Update grid properties * Update index.md --- guide/english/css/css3-grid-layout/index.md | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/guide/english/css/css3-grid-layout/index.md b/guide/english/css/css3-grid-layout/index.md index 92864b211c..f9f179e9ef 100644 --- a/guide/english/css/css3-grid-layout/index.md +++ b/guide/english/css/css3-grid-layout/index.md @@ -8,6 +8,14 @@ Though Grid Layout isn't fully supported by all browsers, it's the most advanced One of the real advantages of CSS Grid Layout is being able to design responsive layouts without the use of media queries. CSS Grid works with explicit grids, with defined numbers of rows and columns, or implicit grids, which are automatically generated to contain extra items that are not explicitly defined. This allows a great deal of flexibility in responsive styling using a minimum of CSS code. +### Basic Terminology + +#### Grid Container +Element on which `display: grid;` property is applied. Its direct children become grid items. + +#### Grid Item +Direct child of the grid container. + #### More Resources: - [A Complete Guide to CSS Grid Layout](http://chris.house/blog/a-complete-guide-css-grid-layout/) - [Basic concepts of grid layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)