https://github.com/davidmartinperez/css-grid
Creaciones de diferentes layout con grid-css
https://github.com/davidmartinperez/css-grid
css css3 css3-grid grid grid-css
Last synced: 3 months ago
JSON representation
Creaciones de diferentes layout con grid-css
- Host: GitHub
- URL: https://github.com/davidmartinperez/css-grid
- Owner: DavidMartinPerez
- Created: 2018-07-21T12:56:39.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-07-22T13:12:12.000Z (almost 7 years ago)
- Last Synced: 2025-01-29T18:23:33.344Z (4 months ago)
- Topics: css, css3, css3-grid, grid, grid-css
- Language: HTML
- Homepage:
- Size: 24.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GRID-CSS
## Conceptos esenciales:
## Grid Line:
Lineas del grid pueden ser horizontales o verticales## Grid Track:
Nombre genérico para un GRID row o GRID column, Espacio vertical u horizontal entre dos grid lines consecutivas.
Define la altura de un GRID column o la anchura de un GRID row.## GRID cell:
La intersección de un GRID row y un GRID column forma un GRID Cell## GRID area:
Cualquier porción del GRID contenida entre 4 GRID lines.Puede contener N numeros de Grid cells
------
# Utilización:
## Inicializar:
* display: grid
* grid-gap: tamaño de separación entre cell## GRID TEMPLATES:
* grid-template-columns: El tamaño de las columnas
* grid-template-rows: El tamaño de las filas
* grid-template-rows: filas / columnas (horizontal / vertical)
* grid-area-templates: Ordenar las areas por sus nombres
* grid-area: Definir el nombre de un area## Alineación
* justify-items: Grid eje de filas
* align-items: Grid eje de columnas
* justify-self: alineacion del hijo - eje de filas
* align-self: alineacion del hijo - eje de columnas