Oi Jorge! Tudo bem?
O que você está enfrentando é um problema comum quando se usa elementos com position: fixed, especialmente quando se tem um cabeçalho fixo que cobre parte do conteúdo ao rolar para um id específico.
Uma solução comum para esse problema é adicionar um "offset" ao seu conteúdo, de modo que o conteúdo não fique escondido atrás do cabeçalho fixo. Você pode fazer isso adicionando um padding ou uma margem superior ao elemento de destino, ou usando um "scroll-margin-top" se estiver usando CSS moderno. Por exemplo:
/* Supondo que seu cabeçalho fixo tenha 60px de altura */
#sobre-mim, #habilidades {
scroll-margin-top: 60px;
}
Se o seu cabeçalho tiver uma altura diferente, ajuste o valor de scroll-margin-top para corresponder à altura do seu cabeçalho fixo. Isso deve ajudar a garantir que o conteúdo não fique escondido ao rolar para um id específico.
Espero ter ajudado. Conte com o apoio do fórum em sua jornada :)
Um abraço e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
