Problema com dimensões do projeto Android no celular

[Carol-Sousa]

Quando abro o site no meu celular, as imagens ultrapassam o main, já tentei alterar o width e padding do main e a max width das imagens, mas continua assim

[mazklau]

Tem que trabalhar com porcentagem em cima de width Em sex., 29 de set. de 2023 7:00 PM, Caról Sôusa ***@***.***> escreveu:

…

Quando abro o site no meu celular, as imagens ultrapassam o main, já tentei alterar o width e padding do main e a max width das imagens, mas continua assim — Reply to this email directly, view it on GitHub <#39>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AUFO5NGYINZ4G4M6JLTODL3X45AHDANCNFSM6AAAAAA5NBH6KA> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[mazklau]

No caso se ela tive div você colocar Div img { Width : % ou VW ; } Em sex., 29 de set. de 2023 7:00 PM, Caról Sôusa ***@***.***> escreveu:

…

Quando abro o site no meu celular, as imagens ultrapassam o main, já tentei alterar o width e padding do main e a max width das imagens, mas continua assim — Reply to this email directly, view it on GitHub <#39>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AUFO5NGYINZ4G4M6JLTODL3X45AHDANCNFSM6AAAAAA5NBH6KA> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[Carol-Sousa]

Obrigada, vou tentar

[wanderssonmo]

Oi Carol, tudo bem?
Você conseguiu corrigir o problema?

[wanderssonmo]

Vou tentar te ajudar, veja o passo a passo abaixo:

1. Vai nessa parte do seu código:
   <img src="imagens/bugdroid.png" alt="bugdroid">

2. Cria uma classe pra ficar da seguinte forma:
   <img src="imagens/bugdroid.png" class="pequena" alt="bugdroid">

3. AGORA NO SEU ESTILO:
   Cria um estilo desta forma, se quiser pode copiar e colar e depois faz o seu ajuste. Tenta aí e depois me fala se deu certo.
   main img.pequena { max-width: 350px; display: block; margin: auto; }

[Carol-Sousa]

Obrigada!! Deu certinho