Meu footer estar ficando no meio do conteúdo do main, ja fiz de tudo e mais um pouco pra tentar colocar no final da página, e não vai. Se alguém puder me ajudar, agrederia muito. obs: o footer do index.html
meu Git pra quem quiser vizualizar o código: https://github.com/emilyasx/PORTIFOLIO
Boa tarde, tudo em paz? Vi que sua tag footer ficou fora da tag body do arquivo index.html. Ajusta e testa de novo :)
tirei exatamente pra ver se ia kkkkk mas mesmo dentro do body ele fica no meio da tela
Ei, Emily!! Tudo bem?
Vi o seu código e no seu arquivo "style.css" eu mudei a parte do "main" de:
main {
height: 100vh;
width: 100vw;
flex-direction: column;
justify-content: center;
align-items: flex-start;
box-sizing: border-box;
padding: 0 10%;
}Para:
main {
min-height: 100vh;
width: 100vw;
flex-direction: column;
justify-content: center;
align-items: flex-start;
box-sizing: border-box;
padding: 0 10%;
}E aqui pra mim deixou o seu rodapé no final da página. Li neste link https://css-tricks.com/fun-viewport-units/ sobre isso de usar essa técnica "min-height: 100vh"