Design comparison
SolutionDesign
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
Community feedback
- @pRicard0Posted 7 months ago
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 helpful0@CodeClaytonPosted 7 months ago@pRicard0 entao com rem e mais facil deixar igual ao preview?
0@pRicard0Posted 7 months ago@CodeClayton Eu quero dizer que o propósito que você está utilizando o em, é o propósito do rem. O propósito do em não é especificadamente esse.
0 - Ao invés de criar uma
Please log in to post a comment
Log in with GitHubJoin 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