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

P

@LucasW92

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


Hello!

So, here's my first challenge completed.

I know this was a simple task, but I will be more than happy to take some tips and advice.

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Fala Lucas!

Seu projeto ficou ótimo!

Tenho duas sugestões pra você melhorá-lo ainda mais:

  • Primeira: Use main pra envolver o conteúdo principal ao invés de section. A tag section faria mais sentido se o card fosse parte de um site maior (e seria no mundo real), mas considerando que nesse projeto ele é o único elemento na tela, a tag main é mais apropriada.

  • Segunda: Use os HTML headings (h1 ao h6) pra títulos ao invés da tag p. Como aquele ali é o título principal do card, a tag h1 seria a mais indicada.

Existe toda uma hierarquia entre os títulos (h1 ao h6). O h1 é o título mais importante. h6 é o menos importante.

Todas essas mudança de tag geram pouca ou nenhuma alteração visual, mas melhoram muito a otimização SEO e a acessibilidade do seu projeto.

Espero que ajude!

Fora esses detalhes, você fez um ótimo trabalho!

Marked as helpful

0

P

@LucasW92

Posted

Olá Daniel.

Muito obrigado pelo feedback! Já realizei as alterações tentarei prestar mais atenção ao html semântico nos próximos projetos.

1
Daniel 🛸 44,230

@danielmrz-dev

Posted

@LucasW92

De nada! Fico feliz que pude ajudar! Precisando de ajuda, é só chamar! 😊

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