Update grid properties (#25190)
* Update grid properties * Update index.md
This commit is contained in:
@ -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.
|
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:
|
#### More Resources:
|
||||||
- [A Complete Guide to CSS Grid Layout](http://chris.house/blog/a-complete-guide-css-grid-layout/)
|
- [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)
|
- [Basic concepts of grid layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)
|
||||||
|
Reference in New Issue
Block a user