@danielmrz-dev
Posted
Fala @Gabriel0074!
Seu projeto ficou ótimo!
Notei que você utilizou margin: auto
pra centralizar o card. Usar margens, de forma geral não é a melhor opção pra centralizar elementos. O margin: auto
centraliza os elementos apenas na horizontal.
📌 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!
Marked as helpful
@Gabriel0074
Posted
Daniel , eu usei porém o conteúdo interno ficou desalinhado dai eu usei o margin auto por esse fator, e como segui a regra da W3C , comecei fazendo o mobile primeiro depois o desktop kkkkkkkkk mas... acho que me perdi e deixei a desejar em muitos fatores kkkkkkkkkk... obg pela dica elas são sempre bem vinda é muito valiosas! tmj irmão @danielmrz-dev
@danielmrz-dev
Posted
@Gabriel0074
A W3C é uma ótima referencia! Uso bastante tbm!
E isso aí é parte do processo mesmo. Continua na abordagem mobile first que é sucesso. Facilita demais o fluxo de trabalho 😁
Marked as helpful