Debug rápido com CSS
Essa dica vai te ajudar a enxergar os limites de cada elemento do seu projeto de maneira rápida e eficaz.
Tudo que você precisa é de três linhas de código:
*{
background-color:rgba(0,255,0,0.1);
}
Assim você seleciona cada elemento da página e dá a cada um deles um fundo ligeiramente mais escuro com ajuda do seletor *
Elementos dentro de outros elementos ficarão com o fundo cada vez mais escuro. Esse método ajuda muito quando precisamos saber como estão o margin e padding dos elementos.
Então, três divs dentro umas das outras devem aparecer assim:
Gostou? Deixa um Like e compartilha com os amigos!