Pessoal eu percebi que quado coloco a width da minha imagem em %, ela cria um quadrado invisivel que divide a imagem no meio mas se usar REM isso não acontece, alguém sabe o que pode ser?
Pessoal eu percebi que quado coloco a width da minha imagem em %, ela cria um quadrado invisivel que divide a imagem no meio mas se usar REM isso não acontece, alguém sabe o que pode ser?
hoje, com a Alura e o Google Gemini
Oii, Dev! Tudo bem?
Obrigada por compartilhar a sua dúvida conosco para podermos te ajudar.
Esse "quadrado invisível" que você mencionou pode ser o resultado de algum cálculo de margem ou padding que está sendo aplicado na imagem. Quando você utiliza a unidade de medida em porcentagem (%), a largura da imagem é calculada em relação ao tamanho do elemento pai. Já quando utiliza a unidade de medida em rem, a largura é calculada em relação ao tamanho da fonte do elemento pai.
Além disso, usar unidades rem em vez de porcentagem também pode fornecer um melhor controle de layout, pois as unidades rem são baseadas em uma escala consistente em todo o documento, independentemente do tamanho da fonte ou do elemento pai.
Espero ter ajudado, qualquer dúvida, fico à disposição.
Bons estudos!