¿Qué significa CSS grid?
Significado en Desarrollo web, traducción al español y ejemplos
CSS grid: CSS Grid, cuadrícula CSS
Sistema de diseño CSS que coloca elementos en filas y columnas simultáneamente; resulta útil para maquetar páginas completas y galerías de tarjetas.
Cómo se usa
Se activa con display: grid. Se definen filas y columnas con grid-template-columns, se usa la unidad fr y se pueden nombrar áreas de la cuadrícula. A menudo se dice simplemente grid: «Hagámoslo con grid».
Frases de ejemplo
With CSS grid, the gallery shows four columns on desktop and two on tablets.
Con CSS Grid, la galería muestra cuatro columnas en escritorio y dos en tabletas.
La cuadrícula adapta el número de columnas al tamaño de pantalla.
I rebuilt the dashboard with CSS grid and removed half of the wrapper divs.
Reconstruí el panel con CSS Grid y eliminé la mitad de los div contenedores.
La cuadrícula permitió simplificar el marcado que agrupaba los elementos.
Combinaciones frecuentes
- grid layout
- grid template
- grid area
- fr unit
- display: grid
Términos relacionados
Esta palabra en otras especialidades
Una misma palabra en inglés puede tener un significado diferente según la especialidad:
Más términos: CSS y maquetación
Practica con lecturas adaptadas a tu nivel
Leer textos de tu nivel te ayuda a recordar las palabras nuevas. Elige libros gratuitos en inglés: