Design comparison
Community feedback
- @VCaramesPosted about 2 years ago
Congrats @arshaqkv on completing this challenge!
Card looks good.
To clean up you HTML code, delete the <div class="card'>, its not needed, since you already have a parent container (<div class="container'>).
Since this card is "card" you want to make your code semantically correct by change the <div class="container'> to an <article> element.
Attached is a link with more detail.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article
Marked as helpful0@arshaqkvPosted about 2 years ago@vcarames Thank you for your feedback, So it is better to use semantic tags instead of just using the div tags
0@VCaramesPosted about 2 years ago@arshaqkv Its beneficial for SEO (Search Engine Optimization), screen readers and makes it a lot easier when reading code.
Divs are for generic use. Mainly when there isn't a specific element for the content you want to wrap.
Here's an article with more details on semantic HTML.
0
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