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 basic

@LarissaGiovanna

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

@R3ygoski

Posted

Olá novamente Larissa, primeiramente, parabéns pela conclusão do seu projeto, ele ficou muito bom.

Algumas dicas que tenho pra dar é a de utilizar a extensão de navegador PexelPerfet, pois ela ajuda bastante a deixar seu projeto próximo ao design proposto.

Uma dica mais relacionada ao seu HTML, tente dar nomes mais significativos, assim como o comentário acima (ou abaixo) disse, evite usar txt1, nomes mais descritivos ajudam na manutenção do código.

Tanto que recomendo fortemente que você experimente utilizar a metodologia BEM para escrever suas classes. Esse metodologia é muito boa para manter a organização no HTML. E isso em projetos grandes é uma mão na roda.

Sobre a utilização de <br> eu acho que tinha mencionado no outro post, não me lembro exatamente se mencionei ou não, mas tente evitar quebrar a linha dessa forma, pense no <br> como uma forma de quebrar a linha para iniciar um novo parágrafo ao invés de uma quebra de linha de uma mesma frase. Tanto que você pode fazer essa quebra apenas utilizando a propriedade width: valor, e recomendo usar esse valor como porcentagem, que dessa forma fica mais relativo.

E uma dica sobre CSS, tente usar a unidade de medida rem no tamanho da sua fonte, isso porque ela se adapta as configurações de fonte do usuário, o que ajuda na acessibilidade.

Novamente, parabéns pela conclusão do seu projeto, caso algo que eu tenha dito tenha ficado confuso, por favor comente abaixo que tentarei ajudar da melhor forma possível.

Marked as helpful

0

@LarissaGiovanna

Posted

@R3ygoski Obrigada pelas sugestões e dicas!

1

@Squing0

Posted

Pretty clean and well done solution! The usage of line breaks especially is nice and what you've created here is very close to the design. Only things to improve would be to use "rem" for sizing with fonts as this is responsive and to have more descriptive class names rather than "txt1". Other than that, great job!

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