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 solution

destastan 30

@destastan

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Theosaurus-Rex

Posted

Hey @destinyou, looks really great!

One small thing that would improve accessibility is changing your <h2> to a <h1>, as it's the top of the informational hierarchy on the page.

You could also potentially use a <time> tag to encapsulate the publishing date - this isn't always needed, but in a real world scenario where this card is part of a larger blog, it helps search engines to index your page better when returning search results. You can find more information on the specifics over at W3CSchools if you'd like to try it!

Other than that, great work! I love how smooth the hover animation is 😄

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