Bom dia! Poderiam me esclarecer porque colocar o display block zera a margem da imagem, por gentileza? Obrigada :)
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Bom dia! Poderiam me esclarecer porque colocar o display block zera a margem da imagem, por gentileza? Obrigada :)
Olá Thaís, tudo bem?
Quando utilizamos a propriedade "display: block" em uma imagem, estamos fazendo com que ela se torne um elemento de bloco, ou seja, ela ocupa toda a largura disponível do seu contêiner.
Com isso, a margem padrão da imagem é removida, pois ela não está mais sendo tratada como um elemento inline.
Caso você queira adicionar margens na imagem, é possível utilizar a propriedade "margin" para isso.
Espero ter ajudado, quaquer dúvida manda aqui de novo.
Bons estudos!
Ah, sim, entendi! Muito obrigada, Renan! Ajudou demais!
Que bom que consegui esclarecer. Fico muito feliz em ajudar :)