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

Footer está ficando no meio da tela quando tem poucas informações no body

Referente ao curso HTML e CSS: trabalhando com responsividade e publicação de projetos

por Alessandro Nunes Assunção
| 9.8k xp | 10 posts

Bom dia,

quando possui poucas informações no body, o footer está ficando quase no meio da tela na resolução 1920 x 1080, ou seja não está ficando responsivo, analisei o código e não consegui encontrar o problema. Vou compartilhar meu repositório e se alguém puder ajudar agradeço. =)

https://github.com/noeleguimaraes/portifolio

Sobre mim

4 respostas
solução!
por Luis Dias
| 2407.8k xp | 1823 posts
Developer (⌐■_■)

Oi, Noele

Vc pode fixar no final da página usando: "position: fixed;" com "bottom: 0;"


.rodape {  
    position: fixed;
    bottom: 0;
    color:var(--cor-primaria);
    background-color: var(--cor-terciaria);
    padding: 24px;
    text-align: center;
    font-family: var(--fonte-secundaria);
    font-size: 1.5rem;
    font-weight: 400;
}

Veja mais em:

por Alessandro Nunes Assunção
| 9.8k xp | 10 posts

Não deu certo =(

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

por Luis Dias
| 2407.8k xp | 1823 posts
Developer (⌐■_■)

Noele,

Não esqueça do bottom: 0;

Para ocupar toda a largura, use: width: 100%;


        .rodape{
            position: fixed;
            bottom: 0;
            width: 100%;
            
            color:var(--cor-primaria);
            background-color: var(--cor-terciaria);
            padding: 24px;
            text-align: center;
            font-family: var(--fonte-secundaria);
            font-size: 1.5rem;
            font-weight: 400;
        }

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Teste outros tipos: CSS Layout - The position Property

por Alessandro Nunes Assunção
| 9.8k xp | 10 posts

Luis deu certinho, obrigada! =)