HTML5&CSS3

Community feedback

• 

  Daniel 🛸•44,250

  @danielmrz-devPosted 9 months ago

  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

  0

  ---

  

  Patrick Gabriel•90

  @Gabriel0074Posted 9 months ago

  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

  1

  

  Daniel 🛸•44,250

  @danielmrz-devPosted 9 months ago

  @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

  0