Design comparison
Solution retrospective
I am proud of remembering basic terminology of HTML and CSS. I am also proud of using CSS Flexbox, since that was a big deal when I was first learning about.
I will, although, study more about media query, because I still find it a little tricky.
What challenges did you encounter, and how did you overcome them?I am always confused about width and height, if/when I should use percentage, or if I can always set a width in pixels. I still don't know what is the best approach. This time I consulted Figma to see the exact width and height.
What specific areas of your project would you like help with?Media Query and responsiveness.
Community feedback
- @danielmrz-devPosted 6 months ago
Olá de novo, Rayane !
Seu projeto está excelente!
Tenho duas sugestões:
📌 Primeira: Use
<main>
pro conteúdo principal ao invés de uma<div>
.Tags como
<div>
e<span>
são exemplos típicos de elementos HTML não-semânticos. Elas servem apenas como containers para o conteúdo, mas não indicam qual o tipo desse conteúdo e nem o papel que ele desempenha na página.📌 Segunda: Também por questões semânticas, use
<h1>
para o título principal ao invés de<h2>
.Ao contrário do que a maioria das pessoas pensa, a diferença entre os HTML headings não é só sobre o tamanho e peso do texto.
- As tags
<h1>
a<h6>
são usadas para definir títulos em HTML. <h1>
define o título mais importante.<h6>
define o título menos importante.- Use apenas um
<h1>
por página - isso deve representar o título principal de toda a página. Além disso, não pule os níveis de título - comece com<h1>
, depois use<h2>
e assim por diante.
Essas mudanças de tag geram pouco ou nenhum impacto visual mas tornam o seu código HTML mais semântico e melhoram a otimização SEO e acessibilidade do projeto.
Espero que ajude!
Fora isso, ótimo trabalho!
Marked as helpful0@tagutirayanePosted 6 months ago@danielmrz-dev perfeito, amigo! muito obrigada pelo feedback, com certeza vou levar pros próximos projetos <3
1 - As tags
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