Generador de diseños de cuadrícula CSS
Diseño y GráficosEstructura visualmente diseños de cuadrícula CSS receptivos con columnas, filas y huecos personalizados.
Ajustes de cuadrícula (Grid)
Columnas3
Filas3
Espacio entre columnas16px
Espacio entre filas16px
Item 1r1 : c1
Item 2r1 : c2
Item 3r1 : c3
Item 4r2 : c1
Item 5r2 : c2
Item 6r2 : c3
Item 7r3 : c1
Item 8r3 : c2
Item 9r3 : c3
CSS y Tailwind generados
display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); column-gap: 16px; row-gap: 16px;
☕Patrocinio de Proyecto Independiente
¿Te gusta ToolsApp? Invítanos a un café
ToolsApp funciona 100% en el navegador sin suscripciones ni recopilación de datos. Creemos que las herramientas esenciales deben ser gratuitas y accesibles para todos. ¡Tu apoyo nos ayuda a seguir creando nuevas herramientas!
100% En el Navegador•Gratis para Todos
¿Cómo se Usa?
1
Configurar pistas
Seleccione columnas y recuento de filas.
2
Establecer espacio
Ajuste el espaciado entre filas y columnas.
3
Copiar código
Tome la sintaxis CSS o Tailwind lista.
Privacidad TotalTodos los cálculos y el procesamiento de archivos se ejecutan 100% localmente en su navegador mediante JavaScript del lado del cliente.
Reseñas y Opiniones de Usuarios
Comparte tu experiencia de forma anónima. Moderado automáticamente por IA.
5.0
•0 reseñasReseñas Aprobadas (0)
Cargando reseñas...