Solucionado
A lupa da minha barra de pesquisa estava ok no DevTools, mas depois que fiz o deploy do projeto ele ficou bugado na resulução 1728px.
Exemplo no Dev tools:
https://drive.google.com/file/d/1djmMwDrlsnX41wDrY-Ql7AScDzpK0VGk/view?usp=sharing
Exemplo do projeto finalizado:
https://drive.google.com/file/d/1-9seVtU2yoWdm5eR-Wet49CgvV-Xt0FC/view?usp=sharing
Alguém pode me ajudar a solucionar esse problema? Vou deixar o link do projeto postado e o Github tbm
hoje, com a Alura e o Google Gemini
Olá Daniel, tudo bem contigo?
Esse "bug" se deu por um problema com uma propriedade chamada background-position, isso porque os valores lá estão muito altos e para resolver é só diminuir eles.
Portanto, eu testei o seu projeto e encontrei uns valores que ficaram bons.
banner.css na classe .banner__pesquisa::placeholder na propriedade background-position: 1em; coloque o valor 0 no lugar de 1em;1728px coloque na mesma classe o valor de 4em no background-position: 7.5em;, coloque 4em no lugar de 7.5em.Trocando esses valores o "bug" será resolvido.
Em suma era isso, caso precise de ajuda fico à disposição.
Abraços e bons estudos.
RENAN CEZAR!! Muito obrigado meu querido, deu muito certo aqui.
Opa Daniel, tudo bem?
Eu fico feliz em ter lhe ajudado tá.
Lembre-se que caso precisar você pode contar com o fórum e todo o time de suporte para lhe ajudar tá.
Abraços e bons estudos.