Fiz todo o passo a passo mas minhas imagens estão muito grande, não conseguir resolver.
Fiz todo o passo a passo mas minhas imagens estão muito grande, não conseguir resolver.
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!