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

Article Preview Component

@KatherineEbel

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Ken 935

@kenreibman

Posted

Great job! Your styling looks great. Just a few suggestions:

Make sure you wrap your content with the correct HTML Semantic Elements In your case, I would wrap all the contents inside including article in a main tag.

I would also do that for your attribution section as well. However, this time I would wrap all the contents inside including the div class="attribution in a footer tag.

Instead of using article for your card, I would recommend just using a div.

If you are using section tags, your heading tags should always start in chronological order. You are missing an h1 in a lot of places which create HTML issues.

I hope this helps. There is nothing wrong when it comes to visual aspects of your project. I'm just giving you tips on better practice. Your JavaScript is also A LOT cleaner than my attempt!

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