Grid

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Fala, Adriel, tudo bem? Parabéns pelo desafio!

  Cara, dei uma olhada nos seus dois primeiros desafios e tenho uma dica pra você sobre o alinhamento, os dois primeiros desafios não estão alinhando somente porque está falando duas propriedades no body, no caso o min-height: 100vh e o flexbox.

  Pra fazer esse alinhamento basta remover as margins e os paddings que você adicionou. Olha os ajustes que eu fiz no seu código abaixo pra fazer o alinhamento correcto:

  body {
      min-height: 100vh;
      display: flex;
      /* margin: 0 auto; */
      background-color: gray;
      font-family: Comic Sans MS;
      align-items: center;
      justify-content: center;
  }
  
  .principal {
      display: grid;
      max-width: 800px;
      /* margin: 0 auto; */
      /* margin-top: 60px; */
  }
  
  

  👋 Espero ter ajudado e continue no foco!!

  0