Medida Proporcional no CSS

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