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

QR Challenge using CSS Flexbox and Media Querry

@ro-andrade

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Lucas 👾 104,420

@correlucas

Posted

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

Acabei de ver sua solução e posso dizer que ela já está muito boa, tenho duas dicas pra voce:

Dentro da pasta starter files vc vai encontrar um arquivo chamando style-guide.md nele vc vai encontrar todas as cores e tamanhos de texto. Por exemplo a cor do paragrafo é um cinza mais escuro e vc pode ver abaixo:

#instructions {
    color: hsl(212deg 20% 52%);
    margin: 10px 25px 30px 25px;
}

Vi que ao longo do seu código você usou id pra estilizar os elementos, minha dica é que vc use sempre class pra estilo e deixe id para formulários e coisas que precisem de Javascript, desse jeito vc padroniza seu código.

Você também poderia melhorar mais ainda reduzindo html e deixando o código mais limpo. Por exemplo, você pode segurar todo conteúdo em uma div só ou no <main>. Se você notar, nem precisa adicionar nenhum div além da principal pra segurar o conteúdo (img, h1 e p).

👋 Espero ter ajudado e continue no foco!

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