Entrar Ainda não tem acesso?
1
resposta

A figura do email em outro navegador não aparece

Referente ao curso HTML e CSS: responsividade com mobile-first, no capítulo Integrando o Carrossel com SwiperJS e atividade Contato e footer

por Lucas Neves Rodrigues
| 72.2k xp | 3 posts
.contato__email {
    padding: 1em;
    border: 1px solid var(--azul-degrade);
    border-radius: 24px;
    width: 90%;
    color: var(--azul);
}

.contato__email::placeholder {
    font-family: var(--fonte-principal);
    color: var(--azul);
    background: url("../img/Email.svg") no-repeat;
    padding-left: 2em;  /* Até aqui funciona no opera */

    /* Essa parte eu coloquei pra testar no navegador firefox e funcionou, porém não fica igual ao vídeo da aula */
    /* background-position: 1em;
    text-align: center; */
}
1 resposta
por Estudante
| 568.5k xp | 1338 posts

Ola

realmente de navegador para navegador podem ter diferenças, pois cada um tem suas próprias configurações e como a professora fez tudo no chrome, em outros navegadores ficará diferente

na vida real usamos algumas bibliotecas para diminuir a diferença, uma delas éa normalize.css (https://necolas.github.io/normalize.css/), mas acredito que vc ainda tá no começo dos estudos então mais pra frente vc verá sobre isso e entenderá melhor, mas se ja quiser ir pesquisando...