Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Footer da segunda página desalinhado

Referente ao curso HTML e CSS: cabeçalho, footer e variáveis CSS, no capítulo Criando header e footer e atividade Desenvolvendo o footer

por Estudante
| 27.8k xp | 8 posts

Acho que fiz algo errado. O footer da minha home ficou certinho, alinhado no final da página com o body ocupando a tela toda. Já quando vou para a âncora "Sobre Mim" o meu footer desalinha ficando um pouco mais pra cima, criando uma borda preta.

A baixo deixo a imagem da minha Home e do Sobre mim e o CSS do Body e Footer

body { /* height: 100vh; / box-sizing: border-box; background-color: black; color: white; }

.rodape { color: black; background-color: #DDF0A7; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 400; padding: 24px; }

HOME

SOBRE MIM

2 respostas
solução!
por Lucas Gabriel Gonçalves
| 17.8k xp | 14 posts
Front-end Developer

Se sua página não tiver scroll, ou seja, se não precisar rolar para baixo, você pode deixar o seu footer fixo no bottom.

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
}

Agora se quiser ajustar o seu, se você estiver utilizando uma página para cada você precisa ajustar o body da página Sobre mim.

por Estudante
| 27.8k xp | 8 posts

Deu certo! Obrigada <3