Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML5 and CSS3 Basic

@yurideoliveira2712

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


please comment !

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Fala Yuri!

Sua solução está ótima!

Tenho algumas sugestões para melhorias:

  • Primeiro: Para tornar seu código HTML mais semântico, use <h1> para o título principal em vez de a. Ele não é apenas um link, é o título principal da página. Ao contrário do que a maioria das pessoas pensa, não se trata apenas do tamanho e peso do texto.

📌 As tags <h1> a <h6> são usadas para definir títulos 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. E não pule os níveis de título - comece com <h1>, depois use <h2> e assim por diante.

  • Segundo: Ainda sobre HTML semântico, substitua sua div.container por main.container.

Todas essas alterações de tag podem ter pouco ou nenhum impacto visual, mas tornam seu código HTML mais semântico e melhoram a otimização de SEO e a acessibilidade do seu projeto.

Espero que ajude!

Fora esses detalhes, seu projeto está excelente!

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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