Poderia esclarecer mais sobre medidas proporcionais no CSS? Além do pixel e porcentagem e em. Há outras? Como funciona a "em"?
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!
Poderia esclarecer mais sobre medidas proporcionais no CSS? Além do pixel e porcentagem e em. Há outras? Como funciona a "em"?
Além das medidas em porcentagem e em em também é possível escolher a opção rem.
A unidade em relaciona o tamanho das fontes dos elementos filhos com o tamanho das fontes do elemento pai. (ex: se o elemento pai está configurado para 16px e o elemento filho para 2em então o elemento filho terá um tamanho equivalente a 32px)
A unidade rem, por sua vez, relaciona o tamanho das fontes dos elementos filhos com os elementos raiz do documento html. (ex: se estabelecermos que a tag html tem valor de 16px e qualquer elemento do css tiver 2rem então este elemento terá um tamanho equivalente a 32px)
Além disso também existem medidas relacionais para dimensionamento das divs que estão relacionadas com as dimensões da viewport (o vw e o vh, dimensões de largura e de altura respectivamente)
Você pode dar uma lida nesse post aqui: Guia de Unidades no CSS