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:
- Seleccionar donde pone “grid” en el elemento padre que tiene el display: grid (grid container):
- Seleccionar el grid container y en la sección de al lado donde se muestra el código de CSS en “display: grid” seleccionar el símbolo de la rejilla:
- O seleccionar en la última sección el checkbox del elemento que hayas elegido como grid container:
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:
Curso de CSS Grid Layout 2017
0 Comentarios
para escribir tu comentario
