A principios del curso vi cómo el profesor tuvo que poner un borde a los item para que se visualizara la rejilla en el navegador Chrome. Sin embargo, con el navegador Firefox agregar el borde no hace falta porque tiene implementado una sección en el inspector para CSS Grid.
Para activar esta opción de visualización existen 3 formas:
En esta sección también se podrá mostrar el número de las líneas o los nombres de las áreas además de cambiarles el color:
Muchas gracias buen aporte
Hola Beaps! Para muchos como yo, usamos Chrome para todo y hay una extensión muy parecida a esta Gridman - CSS Grid Inspector muy bueno para debug y ver tu grid en acción.
Gracias por compartir esa herramienta dan_estves!! 👌😃
Nombre de las áreas:
Que debo seleccionar para que me aparezcan los nombres de las áreas?
Hola! Aquí:
Pero para que se te muestren tienes que especificar en el código los nombres de las áreas con la propiedad de CSS
grid-template-areasHola! Excelente ya me aparecen los nombres de las áreas:
Gracias!