Update grid properties (#25190)

* Update grid properties

* Update index.md
This commit is contained in:
Iva
2019-03-20 11:14:52 +01:00
committed by The Coding Aviator
parent 2cc1e9b9b2
commit 527d442ac7

View File

@ -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)