Hey! Durante todo o curso, tenho percebido que o footer (rodapé) não está fixado no final da página. Como resolver esse problema?
Hey! Durante todo o curso, tenho percebido que o footer (rodapé) não está fixado no final da página. Como resolver esse problema?
Oi,
Entendo sua dificuldade com o rodapé! 😐
Para fixá-lo no final da página, mesmo quando o conteúdo é curto, você pode usar algumas técnicas de CSS.
.rodape{
color: var(--cor-terciaria);
background-color: var(--cor-secundaria);
padding: 24px;
text-align: center;
font-family: var(--fonte-secundaria);
font-size: 1.5rem;
font-weight: 400px;
/* Fixar no fim da página */
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
Para saber mais: Guia Mozilla sobre Position.
Continue praticando e explorando as possibilidades do CSS! 🧐
Olá, tudo bem?
Para que fique fixo ao final da tela, independente do tamanho do
, o CSS deve ser implementado da seguinte forma:.footer {
position: fixed;
botton: 0;
}