Responsive Products Card using Grid in HTML and Vanilla CSS
Design comparison
Solution retrospective
Constructive criticism is welcome.
Community feedback
- @AKdeBergPosted 3 months ago
Overall the design is good actually. About the HTML part, I'm curious to knw why u choose to use section tag rather than article tag?
1@hamzafrontendPosted 3 months ago@AKdeBerg I think the article tag is use for blog, it was card, that's why I did not use article, correct me if I am wrong.
0@AKdeBergPosted 3 months ago@hamzafrontend hmm.. I think MDN document explained it well- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article But I think using section isn't a deal breaker. You can see the section tag also in MDN- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section
1@hamzafrontendPosted 2 months ago@AKdeBerg Thank you for sharing the useful links, as far as I understand article should be used when the content inside is reusable and independent from other content and could be understandable alone, but on the other hand, we should use a section when we want to group the content that is related and the section is not reuseable, and alone it does not have meaning.
For this condition, the article tag would be suitable instead of a section.
Correct me if I am wrong, thank alot.
1
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