Solucionado
Estou com uma dúvida, gostaria de saber se devo utilizar o "rem" como unidade de medida relativa, por exemplo em casos como "border-radius : 8px", devo trocar para "border-radius : 0.5rem"? Para "font-weight", "gap", entre outros...Como saber o momento certo para aplica-lo?
Olá Fernanda, tudo bem?
Excelente pergunta! O "rem"é uma unidade de medida relativa que se baseia no tamanho da fonte da root(raiz). O uso do "rem" é especialmente útil em projetos responsivos, pois permite que os elementos se ajustem conforme o tamanho da tela e do dispositivo.
A propriedade "font-weight" é uma medida de espessura para o texto, portanto, não é recomendado usar "rem" como unidade, devemos usar valores numéricos, como 400, 500, 600 ou até valores como "normal" e "bold". Você pode ler mais sobre aqui na documentação da propriedade.
Em relação ao seu exemplo, para propriedades como "border-radius" e "gap" devemos nos atentar ao que faz mais sentido para o nosso projeto, não há uma regra quanto ao uso das unidades de medidas.
Por exemplo, se você deseja que o "border-radius" seja sempre proporcional ao tamanho da fonte, o "rem" pode ser uma boa escolha já que mantém a proporção do raio do canto independentemente do tamanho do elemento. Já para o "gap", por lidar com a distância entre elementos, pode ser mais adequado utilizar o "em".
Caso queira aprender mais sobre as unidades de medida do CSS, deixo a recomendação de um artigo sobre o assunto:
Espero ter ajudado e bons estudos!
Entendii, muito obrigada pela ajuda Gabriel!