GRID

La propiedad grid permite dividir nuestra página sin tener que utilizar tablas proporcionando un diseño más sencillo pudiendo solaparse los elementos igual que con el posicionamiento. Debemos utilizar display: grid para que funcione en el elemento que queramos.

• Propiedades:
  • grid-template-columns: Define el nombre de línea y funciones de tamaño de línea de grid-columns
  • grid-auto-rows: Especifica el tamaño de las filas creadas.
  • grid-cloumn: Abreviatura para "grid-column-start" y "grid-column-end". Define dónde empieza y acaba las columnas que ocupa el elemento.
  • grid-row: Abreviatura para "grid-row-start" y "grid-row-end". Define dónde empiezan y acaban las filas que ocupa el elemento.
  • grid-gap: Define el espacio existente entre los diferentes elementos.

Index