Olá, Achei estranho que quando width: 100%; é usado para imagem, ele acompanha o elemento pai, mas quando é usado max-width: 100%;, a imagem obedece o seu tamanho máximo original.
Obrigada pela atenção.
Atenciosamente, Francielle Zucolota.
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á, Achei estranho que quando width: 100%; é usado para imagem, ele acompanha o elemento pai, mas quando é usado max-width: 100%;, a imagem obedece o seu tamanho máximo original.
Obrigada pela atenção.
Atenciosamente, Francielle Zucolota.
Oi, Francielle, tudo bem?
O max-width estabelece uma largura máxima de um determinado elemento. O que ele faz é garantir que o valor width não se torne maior que o valor dado pelo max-width, por isso que nesse caso, quando é usado max-width a imagem obedece o tamanho original.
Esse exemplo conseguimos ver bem como ela age: https://www.w3schools.com/cssref/tryit.asp?filename=trycss_dim_max-width
O link da documentação: https://www.w3schools.com/cssref/pr_dim_max-width.asp
Qualquer dúvida é só falar :}
Obrigada pelas maiores informações dadas. * -* =D