Olá! Quando carreguei a imagem (que já tinha no pc) ficou desproporcional ao tamanho da tela, grande demais. Não ficou igual ao exemplo na aula. Teria alguma forma de corrigir esse tamanho?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Olá! Quando carreguei a imagem (que já tinha no pc) ficou desproporcional ao tamanho da tela, grande demais. Não ficou igual ao exemplo na aula. Teria alguma forma de corrigir esse tamanho?
Olá Ingrid!
Uma forma de corrigir o tamanho da imagem é utilizando a propriedade CSS "max-width". Essa propriedade define a largura máxima que a imagem pode ter, sem que ela se distorça ou fique desproporcional.
Por exemplo, se você quiser que a imagem tenha no máximo 500 pixels de largura, você pode adicionar o seguinte código CSS:
img {
max-width: 500px;
}Dessa forma, a imagem não ficará maior do que 500 pixels de largura, mesmo que a tela seja maior do que isso.
Eu chamei pela tag img mas você pode adicionar uma classe CSS na imagem.
Espero que essa dica ajude a corrigir o tamanho da sua imagem! Qualquer outra dúvida, é só perguntar.
Espero ter ajudado e bons estudos!