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.
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.
hoje, com a Alura e o Google Gemini
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