Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Logo não aparece no site

Tentei mudar a logo de pasta mas mesmo assim não consigo fazer ela aparecer na tela.

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HZC | Home</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap">
    <link rel="stylesheet" href="assets/css/reset.css">
    <link rel="stylesheet" href="assets/css/estilos.css">
</head>
<body>
    <header>
        <button>Menu</button>
        <img src="assets/logo.svg" alt="Logotipo da HZC">
        <button> Notificação </button>
    </header>

</body>
</html>
body {
    background-color: #1D232A;
    font-family: 'Open Sans', sans-serif;
    color: #FFFFFF;
}

As pastas estão assim: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

3 respostas
solução!

Opa Gabriel, tudo bem?

Ainda não estou matriculado no curso mas baixei o conteúdo e acredito que posso te ajudar! Pelo que vi, o arquivo logo.svg estaria dentro da pasta assets/img, não diretamente na pasta assets. Já o arquivo index.html está diretamente dentro da pasta assets. Sendo assim, você pode mudar o atributo da tag para src="img/logo.svg" e dizer se resolveria o problema?

Bons estudos!

Era isso mesmo :D Valeu Marcos!

Legal que consegui ajudar!

Bons estudos Gabriel! ;D