Conversor de colores
Convierte HEX, RGB y HSL con transparencia, previsualiza el color y copia valores CSS listos para usar.
Generador de CSS Grid
Diseña cuadrículas fijas o adaptables con vista previa y exporta CSS y HTML.
Acerca de esta herramienta
Ensaya una cuadrícula de tarjetas a distintas anchuras antes de incorporarla a tu página.
Cómo se usa
Elige columnas fijas o ajuste automático por ancho mínimo. Modifica filas, separación, alineación y elementos. Cambia el ancho de la vista previa para probar espacios estrechos y exporta cada código por separado.
El ancho solo afecta a la vista previa. Cuadrícula fija: 1–12 filas y columnas, separación de 0–80 px y hasta 48 elementos. Añade contenido y estilos propios al código generado.
Preguntas frecuentes
¿Cómo adapto el número de columnas al ancho?
Elige ajuste automático y un ancho mínimo de columna. El CSS utiliza auto-fit y minmax. El ancho simulado de la vista previa no se exporta.
¿Por qué aparecen más filas de las que he elegido?
La cantidad de filas define las pistas explícitas, no el máximo de elementos. Una cuadrícula fija de 3 columnas y 2 filas tiene 6 celdas iniciales; un séptimo elemento crea una fila implícita. Reduce la cantidad de elementos si quieres que la vista previa contenga exactamente esas seis celdas.
Herramientas relacionadas
Se abre en una pestaña nueva
Comentarios
0