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

IMAGEM RESPONSIVA PARA PROJETO MOBILE

Pessoal, durante as aulas eles falaram que poderíamos colocar uma imagem nossa no projeto de HTML E CSS e publicar no VERCEL, quanto uso o navegador e mudo para telas mobile fica tudo ok com a minha imagem, lugar certo, tamanho não altera, mas quando publico no VERCEL e abro em um dipositivo móvel, minha imagem fica totalmente distorcida, e eu usei unidade de medida em porcentagem, seria o caso de eu usar o REM?

VERCEL: https://vercel.com/sanrleylago/portifolio1

CÓDIGO NO GITHUB: https://github.com/sanrleylago/portifolio1/blob/main/styles/style.css

**Atualizando pessoal: ** Usei o Media Queries para que a imagem ficasse responsiva em uma tela menor, antes não tinha declarado a imagem principal do projeto no Media.

1 resposta
solução!

Olá Sarley!

Que bom que conseguiu resolver o erro, utilizando o media Queries para melhor ajustar a foto aos dispositivos móveis, meus parabéns!

Observei que você utilizou do seguinte código:

.fotoprincipal {
        width: 17rem;
    }

Muito bem, dessa forma atende muito bem o seu desejo por responsividade em celulares.

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!