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

@luiscaleigabriel

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


What are you most proud of, and what would you do differently next time?

I'm proud of advancing my web programming studies and putting my knowledge into practice in a real project.

What challenges did you encounter, and how did you overcome them?

At the moment I have not encountered any difficulties

What specific areas of your project would you like help with?

At the moment there is no table for the next project

Community feedback

P. Ricardo 2,370

@pRicard0

Posted

O projeto ficou legal mas ainda há coisas para melhorar.

Dicas HTML

• Seu projeto deve conter uma tag <h1> por questão de acessibilidade. Você não pode criar um site e não fazer uso de pelo menos uma tag <h1>. Outra regra da hierarquia dos títulos é que você não pode pular... você não pode usar h2 sem ter usado h1, você não pode usar h3 sem ter usado h2... assim por diante.

Dicas CSS

• Você não usou as cores fornecidas do Frontend Mentor. A cor do título não é para ser um preto escuro desse jeito. Não é recomendado que, mesmo se for um projeto pessoal, utilizar um preto tão escuro, um preto 100%. Utilize a cor que o Frontend usou no Design original, é um azul escuro ou não deixe tão preto assim.

• No paragrafo, a cor está muito clara, o contraste está muito baixo. Para você ter ideia... mesmo que tu aumentasse o tamanho do texto, deixasse em negrito e tudo, ainda estaria muito abaixo do recomendado de nível de contraste. Tem que procurar deixar mais escuro. Você pode testar o contraste aqui https://webaim.org/resources/contrastchecker/

• Não sei se foi proposital mas... você adicionou uma margem no body, que criou uma borda branca ao redor de todo o site, além disso, criou uma barra lateral. Eu recomendaria que tirasse essa margem. Não sei qual foi a sua ideia, me explique ai, sei lá

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