Sofia Emelianova
Las Herramientas para desarrolladores de Chrome permiten que la depuración de diseños de cuadrícula de CSS sea intuitiva con una variedad de opciones de visualización.
Mira el video para aprender a activar o desactivar la superposición de la cuadrícula en el panel Elements y usarla para:
- Visualizar e inspeccionar diseños de cuadrícula
- Consulta los números de fila y columna para hacer referencia cuando coloques elementos de cuadrícula.
- Usa nombres de líneas y áreas, y míralos en la superposición si tienes muchos elementos de la cuadrícula y los números te resultan confusos.
- Verifica los tamaños de los segmentos.
Además, con el Editor de cuadrícula del panel Elementos > Estilos, puedes alinear los elementos y su contenido en un diseño de cuadrícula con un clic en un botón, en lugar de escribir reglas de CSS.
Para obtener una experiencia de aprendizaje más práctica, sigue el instructivo Inspecciona la cuadrícula de CSS.