Personalizando o rodapé do seu site
Ajustando o espaçamento interno da apresentação
Removendo o height para adaptar o layout
- Estilizando o cabeçalho com CSS
- Ajustando o espaçamento interno dos links
Personalizando o rodapé do seu site
Ajustando o espaçamento interno da apresentação
Removendo o height para adaptar o layout
Olá, Samara! Tudo bem?
Agradeço por compartilhar seu código com a comunidade Alura.
Gostei de ver como trabalhou o rodapé, o ajuste de padding
na seção .apresentacao
e a estilização do cabeçalho com Flexbox. Isso mostra que você já está aplicando boas práticas de organização. Uma dica interessante para o futuro é explorar o uso de min-height
para deixar o layout mais flexível em diferentes tamanhos de tela. Veja este exemplo:
body{
min-height:100vh;
display:flex;
flex-direction:column;
}
.rodape{
margin-top:auto; /* fixa o footer no final */
}
Esse código faz o footer
se manter no fim da página mesmo quando há pouco conteúdo, e usa min-height
para ocupar toda a altura da tela sem forçar com height
.