1
resposta

[Dúvida] Imagem está muito grande

Fiz todo o passo a passo mas minhas imagens estão muito grande, não conseguir resolver.

1 resposta

Olá Noemia! Tudo bem?

Uma abordagem comum para lidar com imagens grandes em um design responsivo é usar CSS para garantir que elas se ajustem ao tamanho do contêiner ou da tela. Por exemplo:

img {
  max-width: 100%;
  height: auto;
}

Ao aplicar essas regras CSS, a propriedade max-width: 100% garante que a imagem nunca seja maior que o contêiner em que está inserida. A propriedade height: auto mantém a proporção da imagem, evitando distorções.

Se você estiver usando um layout flexível ou grid, também pode ser útil verificar se o contêiner da imagem está configurado corretamente para se ajustar ao tamanho da tela.

Dê uma olhada nessas dicas e veja se elas ajudam a resolver o problema. Caso contrário, compartilhe seu código com a gente para te ajudarmos mais assertivamente.

Espero ter ajudado. Conte com o apoio do fórum :)

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓