Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

simbolo alura nao esta aparecendo

Referente ao curso CSS: Flexbox e layouts responsivos, no capítulo Conhecendo o poder do Flexbox e atividade Caixa flexível: cabeçalho

por Jocenice Monteiro Da Silva
| 49.7k xp | 58 posts
.logo__item {
    background-image: url("Logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px;
 }
 
 
    <!-- Cabecalho -->
    <header>

        <nav class="cabecalho__container">
            <h1 class="logo__item" href="#"></h1>
            

            <div class="cabecalho__pesquisar__item">
                <form action="">
                    <input type="search" placeholder="Pesquisar" id="pesquisar" class="pesquisar__input">
                    <label for="pesquisar" class="pesquisar__label"></label>
                </form>
                <a href="#" class="cabecalho__audio"></a>
            </div>

            <div class="cabecalho__icones__item">
                <a href="#" class="cabecalho__videos"></a>
                <a href="#" class="cabecalho__apps"></a>
                <a href="#" class="cabecalho__notificacoes"></a>
                <a href="#" class="cabecalho__avatar"></a>
            </div>

        </nav>

    </header>

Não consigo achar o erro! Alguem pode me ajudar? Obrigada

1 resposta
solução!
por Rafael Rocha
| 2750.4k xp | 5824 posts
Alura Scuba Team Time Alura | Apoio Educacional no Fórum

Olá Jocenice, tudo bem com você?

Para a logo não aparecer, uma possibilidade é o seu projeto não ter encontrando o arquivo Logo.png correspondente. Porém, como não tenho acesso a seu projeto completo, deixarei uma forma alternativa de correção, usando uma imagem online.

Exemplo:

.logo__item {
    background-image: url("https://i.imgur.com/UkGDRFe.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px;
 }

Após a correção, salve o arquivo e o acesse novamente no navegador. Dessa forma, a logo do canto esquerdo deverá aparecer na tela.

Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição. Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!