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

Responsivo com Flex-Box

@Leonardo-Marcilino

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


Nesse exercício eu não tive dificuldades, mas estou aberto para sugestões de melhoria em geral na semântica, um código mais limpo e etc :D

Community feedback

P. Ricardo 2,370

@pRicard0

Posted

Dicas HTML

  • Para melhorar a semântica, utiliza a tag <main> ao invés de uma div com a classe "container"
  • Você precisa ter o atributo alt da imagem mais descritivo e sem hífen. Tenta pensar no alt a maneira como uma pessoa cega deveria entender aquela imagem.

Dicas CSS

  • É considerado uma boa prática você utilizar a fonte de medida rem ao invés de px para font-size. Rem se adapta as configurações do usuário, tamanho de tela e tudo. Pixel é uma medida fixa.

Marked as helpful

0

@Leonardo-Marcilino

Posted

@pRicard0 Valeu pelas dicas Ricardo, vou atualizar o código :D

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