Falta pouco!

0 dias

0 horas

0 min

0 seg

1
resposta

Personalização rodapé e cabeçalho

  1. Personalizando o rodapé do seu site
    Insira aqui a descrição dessa imagem para ajudar na acessibilidade

  2. Ajustando o espaçamento interno da apresentação
    Insira aqui a descrição dessa imagem para ajudar na acessibilidade

  3. Removendo o height para adaptar o layout

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

  1. Estilizando o cabeçalho com CSS
  2. Ajustando o espaçamento interno dos links

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

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

1 resposta

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.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!