Design comparison
Community feedback
- @kenreibmanPosted about 3 years ago
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 amain
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 afooter
tag.Instead of using
article
for your card, I would recommend just using adiv
.If you are using
section
tags, your heading tags should always start in chronological order. You are missing anh1
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 helpful0
Please log in to post a comment
Log in with GitHubJoin 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