Pure HTML and CSS Blog Preview Card

Community feedback

• 

  Daniel 🛸•44,270

  @danielmrz-devPosted 11 months ago

  Fala, @abxsantos!

  Seu projeto ficou excelente!

  Tenho apenas 2 sugestões:

  • Primeira: Substitui aquele h2 por um h1. Muita gente acha que a única diferença entre os headings (h1 até h6) é apenas o tamanho, mas não é. Eles tem valor semântico e podem ajudar a melhorar a otimização SEO da página e também a acessibilidade.

  Se liga nessa descrição da W3Schools sobre os headings:

  As tags <h1> a <h6> são usadas para definir cabeçalhos 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/assunto 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.

  • Segunda: Dá uma olhadinha no arquivo style-guide que vem junto com o projeto pra verificar a font-family recomendada. Se minha memória não está errada, acho que a fonte pra esse projeto é a Figtree.

  Fora esses detalhes, meu amigo, você fez um ótimo trabalho!

  Espero que ajude! E Feliz Ano Novo 🎉😁

  Marked as helpful

  0

  ---

  

  Alexandre Xavier•60

  @abxsantosPosted 11 months ago

  @danielmrz-dev muito obrigado!!

  Uma dúvida que fiquei em relação aos headings. Entendo que para o caso, como tenho apenas esse componente na página, usar o h1. Mas pensando que esse componente vá ser utilizado em uma página mais complexa, como seria o modo ideal de definir a tag a ser utilizada para o "título" do card? Faria sentido não usar um heading, mas sim um span nesse caso?

  0