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

[Dúvida] Portfolio mobile

Olá, Percebi que quando abro o meu portfolio em um celular, a imagem fica achatada, como na foto, e quando testo pelo modo inspecionar ou abro pelo pc, isso nao acontece. Como corrigir isso?

Link: https://portfolio-lais-magga.vercel.app/ Repositório: https://github.com/Laismagga/portfolio

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

1 resposta
solução!

Olá Lais!

Esse erro acontece especialmente em dispositivos IOS, e quando utiliza o Safari, como nesse tópico, no seu caso peço para que tente algo semelhante, ao recomendado no tópico marcado:

Adicione a class da imagem no caso a "apresentacao__imagem", lá no seu @media, seu código fica assim:

@media (max-width: 1200px){

======== CÓDIGO ACIMA=============

    apresentacao__imagem{
        width: 200px;
        height: 200px;
    }

}

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!