imagens muito grandes projeto social

[cassiafigueiredo]

as imagens fornecidas ficam muito grandes no meu site, mesmo com o codigo identico, como posso resolver?

[cassiafigueiredo]

o background resolvi, mas o frame do iphone segue fora da proposta

[Jhown-glitch]

Tentou remover a margem e o preenchimento com * { margin: 0px; padding: 0px; } ? após fazer isso da pra definir o frame do iPhone com 100vh (100% da viewport height).

Ainda não cheguei nessa parte do curso, então me desculpe se não dei uma solução melhor, mas já sei o que me aguarda.

[vict0r-duarte]

já tentou redimensionar no gimp?

[BenjamimCS]

O que há com o iframe? Não carrega a página, estilo; redimensionamento da caixa?

Já falei algumas vezes nas Issues por aqui: use o devtools. Muitas das dúvidas poderiam ser esclarecidas apenas com o devtools. Pesquise um pouco sobre essa ferramenta para o seu navegador em específico.

[crisrangell]

Eu também estava com esse problema e dos botões ficarem atrás da imagem quando visualizada no celular, percebi que talvez o professor use o site no zoom menor que 100%, por isso não apareceu essas questoes na aula dele. O que fiz p tentar resolver foi reduzir a dimensão da img iphone. (assim resolveu essa faixa preta e o corte superior da imagem); já com relação aos botões ficarem atrás da imagem, eu mudei o posicionamento da img um pouquinho para o lado, deixando o Translate dele com -55%. Não sei se foi a melhor solução, mas foi o q resolveu meu problema. Espero ter ajudado!

section#telefone { position: absolute; top: 50%; left: 50%; transform: translate(-55%, -50%);

**height: 500px;
   width: 248px;**
**background-image: url(../imagens/frame-iphone\ menor.png);**
background-repeat: no-repeat; }