[Dúvida] rodapé do projeto desigual entre páginas

Oi Viviane! Tudo ok contigo?

Bom, na verdade, o que acontece na primeira imagem é que não temos conteúdo suficiente para deixar o rodapé grudado no fundo da tela, já na segunda imagem sim.

Sobre os outros pontos, eu acredito que se você colocar seu projeto completo no GitHub e explicar exatamente o que está diferente do que você queria, e me dizer como gostaria que eu lhe ajudar, eu posso baixar o projeto, testar e lhe ajudar melhor.

Era isso.

Abraços e bons estudos.

olá Renan tudo bem e com você?

gostaria que o rodapé aparecesse somente no final igual à página do "sobre mim", na home parece estar flutuando.

quando apliquei o código abaixo funcionou

devo utilizar dessa forma mesmo?

.rodape {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.main {
  position: relative;
  padding-bottom: 100px; /* altura do rodapé */
}

Boa tarde,tbm estou com problema nessa parte do rodapé. na primeira página o rodapé está no local certo porém na página sobre mim o rodapé não é mais rodapé a frase desenvolvido por alura esta do lado da foto.! e tbm a foto esta muito próxima dos parágrafos

Viviane, exato, com esse código o rodapé deve ficar no fundo, em todas as páginas. Então, sim, pode usar daquela forma mesmo.

E Patricia, nesse caso um palpite é que o FlexBox não foi aplicado na tag correta fazendo o rodapé ficar ao lado do conteúdo da tag <main>, e eu sugiro que você compartilhe todo seu código comigo, ou coloque o projeto no GitHub para eu testar e lhe ajudar melhor.

Era isso, se precisarem eu estarei por aqui!

Abraços e bons estudos pessoal.

https://github.com/patysouzanogueira/portifolio.git

esta ai renam, meu problema tá no rodape e nos links q qd clicca nao direciona pra pagina. queria tbm por minha foto no lugar da pagina atual. ja subi no github e se eu for fazer alguma alteracao como q faço

obrigada Renan!

Oi Viviane, de nada, se precisar conte com o fórum!

Opa Patricia! Tudo bem?

Basicamente, o seu projeto estava com uma tag não fechada.

Tudo o que precisei fazer, foi abrir o arquivo about.html ir na linha 24 e trocar isso:

<img class="apresentacao__imagem" src="./Assets-aula2-curso3-html-e-css-main/assets/Imagem.png"  alt="Foto da Joana Santos Programando>

Por isso, fechando a tag e a propriedade alt dela:

<img class="apresentacao__imagem" src="./Assets-aula2-curso3-html-e-css-main/assets/Imagem.png"  alt="Foto da Joana Santos Programando" />

E isso resolve todo o problema, ah e se possível baixe essas extensões no seu VsCode, elas ajudam a identificar visualmente quando temos problemas na indentação ou na sintaxe do código:

• Prettier - Code formatter;
• indent-rainbow.

Era isso, e se ocorrer situações assim novamente, indico que abra um tópico exclusivo para você, pois assim o atendimento fica mais fácil para cada aluno, e cada problemática.

Abraços e bons estudos pessoal.

obg deu certo