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

Blog-preview-card-main

@Guga-tab

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


Hello, I have doubts about the responsiveness part, I did it with media query, I think it worked, lol!😅

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Fala Gustavo!

Seu projeto ficou ótimo!

A parte responsiva ficou certinha. Tenho duas sugestões:

  • Adiciona um hover effect e um cursor: pointerno título principal do card pra mudar a cor pra amarelo e ter uma indicação visual de que é um elemento clicável.

  • A segunda sugestão é utilizar a tag main.container ao invés de div.container e também h1 para o título principal ao invés do h2. Essas mudanças não vão gerar nenhuma mudança visual no seu projeto, mas tornam o seu código HTML mais semântico.

Sobre as tags <h1> a <h6>:

  • São usadas para definir títulos no 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.

Espero que ajude!

Fora esses detalhes, seu projeto ficou excelente!

Marked as helpful

1

@Guga-tab

Posted

@danielmrz-dev Eita, um brasileiro me respondeu kk, muito obrigado pelo feedback Daniel vou colocar em prática a orientação das tags h1...6.

1
Daniel 🛸 44,230

@danielmrz-dev

Posted

Maior parte da galera é de fora, mas tem um ou dois brasileiros por aí rsrs

Fico feliz que o comentário foi útil 😁 @gugaaxe

1

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