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

P
Elina Shelestā€¢ 150

@evengene

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


A simple task of creating a blog post card with interactive elements.

Community feedback

Daniel šŸ›øā€¢ 44,230

@danielmrz-dev

Posted

Hello @evengene!

Your solution looks excelent!

I have just one suggestion:

  • In order to make your HTML code more semantic, use <h1> for the title instead of just the tag <a>. The text HTML & CSS Foundations is not just a link, but also the main title of the screen.

šŸ“Œ You don't need to replace it, just include the <h1> inside the tag <a> around the text.

This change has little visual effect on the project, but it makes your HTML code more semantic, improving SEO optimization as well as the accessibility of your project.

I hope it helps!

Other than that, you did a great job!

0

P
Elina Shelestā€¢ 150

@evengene

Posted

@danielmrz-dev thank you for providing feedback, I didn't consider adding the blog post title as an <h1> because in my mind it's a part of a larger page with real header, titles and etc., so this blog card is lower in hierarchy than other potential elements. If anything I would have the blog title to be h4 or similar depending on the complexity of a blog page.

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