Estou com problema ao substituir meu logo PNG por SVG em meu projeto responsivo. O logo em SVG fica com a largura e altura certas, mas cria uma margem muito grande embaixo e em cima da imagem. Tentei zerar as margens e não obtive sucesso.
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
Estou com problema ao substituir meu logo PNG por SVG em meu projeto responsivo. O logo em SVG fica com a largura e altura certas, mas cria uma margem muito grande embaixo e em cima da imagem. Tentei zerar as margens e não obtive sucesso.
Descobri a origem do erro.
Quando gerei o logo em SVG no Inkscape salvei o alinhamento com espaços de uma página A4. Por isso a imagem também ficava espaçada no browser.
Customizei as dimensões da página de acordo com o tamanho do logo e centralizei a imagem. Aí consegui alinhar corretamento no CSS.