Utilizei o (position:absolute) para centralizar no centro da tela.

Community feedback

• 

  Testnovotec•30

  @TestnovotecPosted about 1 year ago

  É eu sempre faço do jeito que o @Gabriel Morandi de Mello disse

  Aliás, quando for usar justify-content, a largura do elemento tem que está declarada assim como o align-items, a altura do elemento também deve estar declarada, tem que ser diferente de 'auto'. bom eu nunca pesquisei a respeito disso que estou a dizer mas, pelo que eu vi é isso, se tiver mais duvidas pesquise por fontes confiáveis, afinal, sou apenas um júnior do júnior :) Gostei muito dessa plataforma hehehe vou continuar a realizar os desafios.

  Marked as helpful

  0
• 

  Gabriel Morandi de Mello•450

  @gabrielmorandiPosted about 1 year ago

  Salve @Otaviano-Manoel👋,

  Você fez exatamente como proposto no desafio conseguindo centralizar perfeitamente o card no centro da tela, neste caso resolveu perfeitamente o "problema"!

  Mas existem sim diversas maneiras de se centralizar algo na tela ou dentro de algum componente:

  .card {
      display: flex;
      justfy-content: center;
      align-items: center;
  }
  

  ou

  .card {
      display: grid;
      place-items: center;
  }
  

  estas duas formas são as mais fáceis e recomendadas de se centralizar algo, por isso fazer um HTML bem estruturado é muito importante para a estilização.

  Por mais que este seja um desafio inicial, tente pegar o costume de sempre colocar sempre uma div.nome-da-classe dentro da tag main, para que seu código fique mais compreensivo e escalável.

  <main>
      <div class="card">
          <! -- conteúdo da div -->
      </div>
  </main>
  

  Do mais tente comentar sempre em inglês para obter sugestões de mais pessoas também! Espero ter ajudado, Bons estudos! 😄

  Marked as helpful

  0