(Aula 4, atividade: Conteúdo responsivo)
No final desta aula, foi utilizado um "width: auto;", minha dúvida é qual seria diferença de utilizar uma "width: 100%;" da "width: auto;"
(Aula 4, atividade: Conteúdo responsivo)
No final desta aula, foi utilizado um "width: auto;", minha dúvida é qual seria diferença de utilizar uma "width: 100%;" da "width: auto;"
hoje, com a Alura e o Google Gemini
Olá Leonardo, tudo bem?
A diferença entre "width: auto;" e "width: 100%;" é que o "width: auto;" faz com que o elemento tenha a largura necessária para acomodar o conteúdo dentro dele, enquanto o "width: 100%;" faz com que o elemento ocupe toda a largura disponível do seu contêiner.
Em outras palavras, se você usar "width: auto;" em um elemento de texto, por exemplo, ele terá a largura necessária para acomodar todo o texto dentro dele, sem deixar espaços vazios. Já se você usar "width: 100%;" em um elemento de imagem, por exemplo, ele ocupará toda a largura do contêiner, sem se importar com o tamanho real da imagem.
Espero ter ajudado.
Um abraço e bons estudos.