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.
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.