Inspector de Grid CSS

En un mundo dominado por frameworks CSS trabajar con GRID es una obligación.

Cuando nos encontrarnos depurando nuestra maquetación muchas veces necesitamos conocer dónde y cuánto ocupa cada elemento de nuestra grid.

Mozilla nos lo facilita con una extensión llamada CSS GRID INSPECTOR  la cual nos muestra gráficamente en el navegador el diseño de nuestra grid.

Su instalación requiere obvio Firefox y seguir los siguientes pasos:

1. Abrir Firefox ( si usamos la versión Nightly es mejor)
2. Descargamos el archivo .xpi
3. Aceptamos la instalación
4. Nos aparecerá un nuevo icono del lado derecho del navegador.
5. A disfrutar!