Área de Juego de CSS Grid
Área de juego y generador de CSS grid en línea y gratuita. Edita pistas de columnas y filas (fr, px, auto, minmax), coloca elementos sobre líneas numeradas y copia el CSS.
Explora CSS grid de forma interactiva. Añade, elimina y ajusta pistas de columnas y filas, observa las líneas numeradas actualizarse en tiempo real y extiende elementos entre líneas con grid-column y grid-row. Carga maquetaciones clásicas como el santo grial y un muro de tarjetas, y copia el CSS generado. La forma más rápida de entender qué significa realmente grid-column: 1 / 3.
Área de Juego de CSS Grid
Área de juego y generador de CSS grid en línea y gratuita. Edita pistas de columnas y filas (fr, px, auto, minmax), coloca elementos sobre líneas numeradas y copia el CSS.
Acerca de esta herramienta
Explora CSS grid de forma interactiva. Añade, elimina y ajusta pistas de columnas y filas, observa las líneas numeradas actualizarse en tiempo real y extiende elementos entre líneas con grid-column y grid-row. Carga maquetaciones clásicas como el santo grial y un muro de tarjetas, y copia el CSS generado. La forma más rápida de entender qué significa realmente grid-column: 1 / 3.
