Rejilla-fila / rejilla-columna - Trucos CSS

Anonim

Las propiedades grid-rowy grid-columndefinen en qué fila o columna se mostrará un elemento.

.element ( grid-row: 1 / 2; grid-column: 3 / -1; )

Aquí hay una cuadrícula explícita de 3 × 3 donde estas propiedades se utilizan para colocar elementos de la cuadrícula en lugares específicos:

Relacionado

  • La guía completa de Grid
  • cuadrícula-plantilla-columnas / cuadrícula-plantilla-filas

Soporte del navegador

Estos datos de soporte del navegador son de Caniuse, que tiene más detalles. Un número indica que el navegador admite la función en esa versión en adelante.

Escritorio

Cromo Firefox ES DECIR Borde Safari
57 52 11 * dieciséis 10.1

Móvil / Tablet

Android Chrome Android Firefox Androide Safari de iOS
88 85 81 10,3