CSS Grid, position relative and absolute

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Fala Mariano, tudo bem? Parabéns pelo seu primeiro desafio e seja bem vinda a comunidade do Frontend Mentor!

  Sua solução ficou mto boa Mariano, a unica coisa que eu mudaria é quantidade de divs que vc usou, nem todo bloco precisa de div ai, se vc reduzir essas divs vc vai notar que seu código vai reduzir pelo menos 25%. Queria te deixar umas dicas pra você alinhar ele usando flexbox que é o método mais fácil de todos.A primeira coisa que você tem que fazer é adicionar algumas propriedades pro body, primeiro adicionamos display: flex e flex-direction: column pra alinhar tudo na vertical. Depois adicione min-height: 100vh (isso vai fazer com que o body tenha 100% da tela como tamanho) e com isso o elemento filho (no caso o container) vai se alinhar ao tamanho dele, no caso 100% da tela, dessa forma ele ficará centralizado, entendeu?

  👋 Espero ter ajudado e continue no foco!

  Marked as helpful

  0