Design comparison
Solution retrospective
Taking the time to take a good look before heading to code. I would try using a CSS framework next time and try to make it's HTML more semantic.
What challenges did you encounter, and how did you overcome them?Styling this was a good challenge.
What specific areas of your project would you like help with?Any feedback is welcomed.
Community feedback
- @R3ygoskiPosted 7 months ago
Olá Heloa, seu projeto ficou muito bem feito parabéns.
Gostaria de te dar algumas dicas. A primeira seria relacionada ao seu HTML, a estrutura está correta, mas ele não está semântico, por exemplo, sua
<div class="wrap">
poderia ser uma<main>
, ou sua<div class="content">
ser uma<article>
, e é uma boa prática utilizar o HTML semântico, caso você queira ver sobre isso, deixarei aqui um link: W3School - Semantic HTML.Uma última coisa a respeito de HTML, seria a do uso de id, não é errado usar id's no seu HTML, mas geralmente utilizamos ele para que possa ser usado de referência para o JavaScript. Já para estilização é mais recomendável apenas utilizar a classe.
Sobre o CSS, gostaria de dar uma dica a respeito das fontes, sempre que você for utilizar o tamanho das fontes, é recomendável que se utiliza a unidade de medida rem ao invés de px, isso porque px é absoluto, já rem é relativa e se adapta ao tamanho de fonte do navegador do usuário, o que ajuda na acessibilidade do seu projeto.
E novamente, parabéns pelo seu projeto, ele ficou muito bem feito, caso algo que eu tenha dito não tenha ficado claro, por favor, comente aqui embaixo que tentarei ajudar da melhor forma possível.
Marked as helpful0
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