Olá Galera Boa Tarde Pessoal estou com erro que quando eu adiciono uma imagem ela fica gigante no site o que pode estar errado?
Olá Galera Boa Tarde Pessoal estou com erro que quando eu adiciono uma imagem ela fica gigante no site o que pode estar errado?
hoje, com a Alura e o Google Gemini
Olá Leonardo?
Esse problema geralmente acontece quando a imagem não possui um tamanho especificado no CSS ou no HTML.
Você pode definir o tamanho da imagem diretamente no arquivo CSS. Por exemplo:
img {
max-width: 100%;
height: auto;
}
Esse código faz com que a imagem se ajuste melhor ao contêiner pai.
Se você quiser aplicar estilos específicos a certas imagens, pode criar uma classe CSS e aplicá-la às imagens:
.imagem-ajustada {
width: 300px;
height: auto;
}
E no HTML:
<img src="caminho/para/sua/imagem.jpg" alt="Descrição da imagem" class="imagem-ajustada">
No mai, peço para que que você compartilhe o link do seu projeto no GitHub ou uma pasta com todos os arquivos que você utilizou no através do Google Drive. Dessa forma, conseguirei realizar os testes necessários e te ajudar de forma mais assertiva.
Lembre-se que, se enviar os arquivos por meio do Google Drive, é necessário conceder permissão para que eu possa ter acesso.
Espero ter ajudado! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!