O que acontece se eu usar o (auto) em vez da (50%) no width estaria correto
O que acontece se eu usar o (auto) em vez da (50%) no width estaria correto
Oi Anderson!
Quando você define width: 50%, a largura do elemento será 50% da largura do elemento pai. Isso é útil para criar layouts responsivos, pois a largura do elemento se ajustará proporcionalmente ao tamanho do contêiner pai.
Se você usar width: 50%, a imagem ocupará metade da largura do contêiner .container. Assim Anderson, você vai garantir que a imagem se ajuste de forma proporcional em diferentes tamanhos de tela.
Se você usar width: auto, a imagem ocupará apenas o espaço necessário para o seu conteúdo, o que pode não ser ideal para a responsividade, pois não se ajustará proporcionalmente ao contêiner pai.
Portanto, para garantir que suas imagens se adaptem bem a diferentes tamanhos de tela, especialmente em um contexto de responsividade como o descrito na sua atividade, width: 50% é a escolha mais apropriada.
Em resumo, ao utilizar auto, damos a responsabilidade para o navegador, calcular, o que em alguns casos é bacana, mas ao determinar o valor, estamos avisando ele sobre o que exatamente fazer, respeitando o design, em casos, que estamos se baseando na aparência do figma, esse é o ideal.
Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!