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
Oi, Alcides! Como vai?
No seu projeto, para diminuir o tamanho da imagem ou ajustá-la melhor ao layout, você pode usar CSS com a tag <img>. Por exemplo:
)
img {
width: 300px;
height: auto;
border-radius: 10px;
}
Esse código define que todas as imagens (img) terão 300px de largura e altura proporcional, com cantos arredondados.
Se quiser que a imagem se ajuste ao tamanho da tela, pode usar:
img {
max-width: 100%;
height: auto;
}
Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição.
Abraços e bons estudos!
Obrigado
Muito bacana.