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
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


Levei alguns dias para solucionar e melhorar o código e deixar o mais limpo o possível

Community feedback

@irenanrodrigues

Posted

Fala @elivelton-vitorino, tudo bem? Seu card ficou muito pequeno e fica difícil ler os textos, recomendo fazer as seguintes alterações.

  • Na tag body, você deixou 3 tipos de font-family, mas apenas á ultima que o browser vai usar. Para o desafio é a "Outfit".
  • Na sua classe .qr-code, aumente o max-width para 320px.
  • Na .title aumente o tamanho da fonte para 22px, acredito que é esse tamanho para o desafio.
  • No .texto aumente a fonte para 15px, tamanho que o desafio recomenda.

O uso media queries para esse desafio, acredito quer você não precise usar. Fazendo essas pequenas alterações, já fica responsivo.

Marked as helpful

0

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