quando a resolução da imagem e muito grande fica desconfigurada ai mudei o css
.container-imagem img {
max-width: 100%;
max-height: 300px;
object-fit: contain;
display: block;
margin: 0 auto;
}
quando a resolução da imagem e muito grande fica desconfigurada ai mudei o css
.container-imagem img {
max-width: 100%;
max-height: 300px;
object-fit: contain;
display: block;
margin: 0 auto;
}
Oi, Bárbara! Como vai?
Agradeço por compartilhar seu código com a comunidade Alura.
Foi uma ótima escolha usar max-width: 100% e object-fit: contain — isso ajuda bastante quando a imagem tem resolução muito grande. A adição de margin: 0 auto centraliza bem a imagem e evita que ela "estoure" o layout.
Continue firme nos estudos.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!