@danielmrz-dev
Posted
Fala @ThiagoTelheiro!
Seu projeto ficou ótimo!
Notei que você utilizou margin
pra centralizar o card. Usar margens não é a melhor opção pra centralizar elementos.
📌 Existe uma forma melhor e mais eficiente de posicionar elementos no meio da página (tanto na horizontal quanto na vertical):
- Aplique isso ao body (Pra funcionar corretamente, não use position ou margins):
body {
min-height: 100vh;
display: flex; /* também funciona com grid */
justify-content: center;
align-items: center;
}
Espero que ajude!
Fora isso, você fez um excelente trabalho!
@ThiagoTelheiro
Posted
@danielmrz-dev, isso seria flexbox? eu ainda não entendi muito bem como funciona, por exemplo quando aplico isso ao body centraliza o main e o footer junto, ai depois como faço para colocar o footer no final do site?
@danielmrz-dev
Posted
@ThiagoTelheiro
Sim, me refiro ao flexbox.
Ele centraliza o footer porque é aplicado ao elemento pai que é o body.
Quando você diz final do site, você quer dizer no rodapé?
@ThiagoTelheiro
Posted
@danielmrz-dev, isso no rodapé