Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Solução do desafio componente qr code

@Felipemendes097

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Olá, esse foi meu primeiro desafio, ainda estou bem no inicio e gostaria da opinião de vocês, queria saber como estou me saindo e no que poderia melhorar, desde já agradeço!.

Community feedback

Lucas 👾 104,420

@correlucas

Posted

👾Oi Felipe Mendes, tudo bem? Parabéns pela sua nova solução!

Acabei de ver o preview da sua solução e tenho algumas dicas pra você:

Pra fazer o alinhamento vertical você vai ter que usar min-height: 100vh pra fazer o body ficar com o tamanho de no mínimo 100% da altura da tela e fazer com que o container alinha com essa altura, desse jeito o card vai ficar sempre alinhado ao centro usando display: flex / align-items: center e justify-content: center.

main {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

👋 Espero que essas dicas te ajudem e que você continue no foco!

Marked as helpful

0

@Felipemendes097

Posted

@correlucas Vlw pela dica já anotei aqui.

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord