Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

A lupa não aparece

.banner__pesquisa::placeholder {
    font-family: var(--fonte-principal);
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: var(--branco);
    background: url(“../img/Lupa.svg”) no-repeat;
}

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

1 resposta
solução!

Olá Igor!

O erro acontece por conta de você está chamando a imagem da lupa através de aspa aberta para a esquerda, que é usada para delimitar citações ou textos dentro de um contexto linguístico que usa esse tipo de pontuação. Quando o correto é usar a aspas dupla comum com o teclado ABNT2, basta dar um shift + tecla abaixo do esc, por fim deixo o seu código reparado:

.banner__pesquisa::placeholder {
    font-family: var(--fonte-principal);
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: var(--branco);
    background: url("../img/Lupa.svg") no-repeat;
}

Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

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