Frontend Mentor | Solução do Desafio utilizando HTML, CSS coding challenge solution

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

@pRicard0

Posted 5 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 helpful

@CodeClayton

Posted 5 months ago

@pRicard0 obrigado pela dica!

@CodeClayton

Posted 5 months ago

@pRicard0 entao com rem e mais facil deixar igual ao preview?

@pRicard0

Posted 5 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.

Solução do Desafio utilizando HTML, CSS