Entrar Ainda não tem acesso?
1
resposta

[Bug] Minha imagem pesquisa (lupa)

Referente ao curso HTML e CSS: responsividade com mobile-first, no capítulo Publicando o projeto e atividade Testando o projeto

por FELYPE ALVES DA SILVA
| 93.5k xp | 35 posts

A imagem da lupa fica em cima do placeholder. https://github.com/FelypeAlves/AluraBooks

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

1 resposta
por Eduardo Augusto Martins Pozzi
| 88.8k xp | 43 posts

Salve Felype!

No seu banner.css o background-position do .banner__pesquisa::placeholder está com 5em, no tamanho de tela para celular 1em já está bom.

Muda lá e vai aumentando conforme achar necessário.

Vai ficar:

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

Abraço