.rodape {
padding: 24px;
text-align: center;
background-color: var(--cor-quartenaria);
color: var(--cor-primaria);
font: 'Dosis', sans-serif;
font-size: 1.5rem;
}
.rodape {
padding: 24px;
text-align: center;
background-color: var(--cor-quartenaria);
color: var(--cor-primaria);
font: 'Dosis', sans-serif;
font-size: 1.5rem;
}
Opa Fernando, tudo certo?
Esse problema pode estar ocorrendo por conta da quantidade de conteúdo ser insuficiente para deixar o footer na parte de baixo da página. Uma possível solução é fixar o footer no fim da página:
footer {
position: fixed;
bottom: 0;
width: 100%;
}
Onde:
position fixed
- fixa o elemento em relação à posição da janela do navegador;bottom 0
- define a distância entre o elemento e a borda inferior;width
- ocupa toda a posição fixada.Se precisar de ajuda ou tiver alguma dúvida, estou à disposição, conte comigo!
Um bom dia e bons estudos
Valeu mano tu me deu um norte e agora ta tudo certo