gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Aditions defining the basic structure of a css-grid rule (#21393)

Browse Source
This commit is contained in:
José Roberto Ramírez Matías
2019-08-07 23:31:08 -05:00
committed by Randell Dawson
parent cb35fd2d51
commit 8777519ac9
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
guide/spanish/css/css3-grid-layout/index.md
View File

@ -6,8 +6,22 @@ localeTitle: CSS Grid Layout
CSS Grid Layout es el sistema de diseño más poderoso disponible en CSS. Es un sistema bidimensional, lo que significa que puede manejar columnas y filas, a diferencia de flexbox, que es en gran medida un sistema unidimensional. Si bien Grid Layout no es totalmente compatible con todos los navegadores, es la forma más avanzada y conveniente de hacer diseños de página.
## Sintáxis básica
CSS Grid Layout funciona convirtiendo un elemento HTML en un contenedor que permite "acomodar" elementos hijo en filas y columnas dentro de él.
Se puede convertir cualquier elemento HTML en un contenedor de CSS Grid, para ello se debe colocar el valor 'grid' en la propiedad display del elemento que se desea convertir en un contenedor de CSS Grid, esto permite utilizar todas las otras propiedades que están asociadas a css grid.
```css
#contenedor-css-grid {
display: grid;
}
```
En Css Grid, el elemento padre es también llamado contenedor y uss elementos hijo son llamados items o elementos.
#### Más información:
Para más información, lea [Una guía completa para CSS Grid Layout](http://chris.house/blog/a-complete-guide-css-grid-layout/) por Chris House.
Se puede leer más información sobre el soporte del navegador en [https://caniuse.com](https://caniuse.com/#feat=css-grid) .
Se puede leer más información sobre el soporte del navegador en [https://caniuse.com](https://caniuse.com/#feat=css-grid) .