Oii, Ícaro!

Ótima pergunta! Quando se trata de responsividade e escalabilidade, usar unidades como rem pode ser bastante vantajoso em comparação com px. A principal diferença é que rem é uma unidade relativa ao tamanho da fonte raiz do documento, enquanto px é uma unidade fixa.

Por exemplo, se você definir o tamanho da fonte do body como 16px, um font-size de 1rem será igual a 16px, 2rem será igual a 32px, e assim por diante. Isso facilita a manutenção e a adaptação do design.

Mas, é importante lembrar que a escolha entre px e rem depende das necessidades específicas do seu projeto e do seu público-alvo. Testar e ver qual funciona melhor para o seu caso é sempre uma boa prática.

Um abraço.

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓

Confesso que também estou meio perdido com relação as unidades. No outro curso, trocamos tudo de px para rem, depois passou a utilizar em. Agora volta a utilizar px. Em outro momento, usa % para width, agora está usando vw. Eu só estou trocando junto, mas sem ainda conseguir identificar um padrão de que momento usar cada unidade.