Open Carol-Sousa opened 1 year ago
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 https://github.com/cursoemvideo/cursoemvideo-html5/issues/39, or unsubscribe https://github.com/notifications/unsubscribe-auth/AUFO5NGYINZ4G4M6JLTODL3X45AHDANCNFSM6AAAAAA5NBH6KA . You are receiving this because you are subscribed to this thread.Message ID: @.***>
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 https://github.com/cursoemvideo/cursoemvideo-html5/issues/39, or unsubscribe https://github.com/notifications/unsubscribe-auth/AUFO5NGYINZ4G4M6JLTODL3X45AHDANCNFSM6AAAAAA5NBH6KA . You are receiving this because you are subscribed to this thread.Message ID: @.***>
Obrigada, vou tentar
Oi Carol, tudo bem? Você conseguiu corrigir o problema?
Vou tentar te ajudar, veja o passo a passo abaixo:
Vai nessa parte do seu código:
<img src="imagens/bugdroid.png" alt="bugdroid">
Cria uma classe pra ficar da seguinte forma:
<img src="imagens/bugdroid.png" class="pequena" alt="bugdroid">
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; }
Obrigada!! Deu certinho
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