Submitted about 1 year agoA solution to the QR code component challenge
Solução do Desafio utilizando HTML, CSS
@CodeClayton
Solution retrospective
What are you most proud of, and what would you do differently next time?
I'm proud of being able to adjust the block without too many changes in responsiveness
What challenges did you encounter, and how did you overcome them?I had a little trouble getting it exactly the same as the measurements in the preview.
What specific areas of your project would you like help with?Not needing to adjust the blocks from px to px
Code
Please log in to post a comment
Log in with GitHubCommunity feedback
- @pRicard0
Projeto está com o design legal, mas o código dá para melhorar.
Diquinhas HTML
- Ao invés de criar uma
<div>com a classe"container", é recomendado que você utilize a tag<main>por conta de ser uma tag semântica. - Ao invés de criar um
<h2>, crie um<h1>porque toda página precisa ter um h1 e você precisa respeitar a hierarquia de títulos. Não use h2 enquanto você não usar h1 e não use h3 enquanto não usar h2 e assim por diante.
Dica CSS
- Evite usar px para
font-size. Utilize rem pois é mais acessível, flexível, varia... Você pode entender mais aqui https://gabcarvalhogama.com.br/css/qual-unidade-de-font-size-usar-px-rem-em-vw/
Marked as helpful - Ao invés de criar uma
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