Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Rodapé - Background não encosta no fim da page

Ao invés de aplicar a imagem igual ao professor acabei optando por usar uma cor qualquer. Acontece que ficou um espaço abaixo do rodapé onde a cor não foi aplicada. Consegui resolver aumentando o tamanho da minha logo ou usando alguns no HTML (o que acredito ser péssimo.

Quanto a isso, há outra forma de resolver sem alterar o tamanho da imagem ou utilizar a tag ?

3 respostas
solução!

Opa!

Verifica o tamanho do box/container que ele está dentro. Só "sobra" espaço quando o elemento que envolve é maior que o que está dentro.

Uma dica é olhar pelo inspetor do navegador: Aperta F12 e manda inspecionar, dá pra ver melhor os itens ao selecionar e verificar os tamanhos.

Olá, Luís!

Se o espaço abaixo do rodapé for pequeno, provavelmente ele está sendo ocasionado pela margin do elemento body.

Você pode resolver isso retirando essa margin:

body {
    margin: 0;
}

É muito comum utilizarmos um arquivo chamado reset.css, que "zera" essas propriedades default, mas não se preocupe, pois mais adiante você verá mais detalhes sobre isso aqui nos cursos de front-end da Alura.

Se remover a margin do body não resolver, poste seu código aqui.

Boa sorte em seus estudos!

Fazendo um adendo: tem o padding também.