Solucionado
No projeto do figma a propriedade usada para definir o rodapé não é o padding, mas sim o line height. Apesar do proposito ser o mesmo, existe uma diferença considerável de um para o outro. Nesse caso, como saber qual é a melhor opção? outra dúvida é, o que significa esse 150% que está comentado nessa linha de código?
line-height: 36px; /* 150% */
Olá Rafael! Como vai?
O uso do "line-height" ao invés do "padding" para definir o rodapé pode ser uma escolha pessoal ou baseada no design do projeto.
O line-height é uma propriedade que define a altura da linha de texto. Já o padding é uma propriedade que define o espaçamento interno de um elemento em relação às suas bordas.
No caso do rodapé, se o objetivo for apenas criar um espaçamento vertical entre o texto e a borda do elemento, o padding pode ser mais adequado. Porém, se o objetivo for criar um espaçamento vertical entre as linhas de texto dentro do rodapé, o line-height pode ser uma opção melhor.
Quanto ao valor "150%" comentado na linha de código, ele representa a altura da linha de texto em relação ao tamanho da fonte. Por exemplo, se o tamanho da fonte for 24px, o line-height de 150% resultará em uma altura de linha de 36px (24px * 1,5).
Espero ter ajudado! Fico à disposição.
Abraço.
Obrigueido 