Design comparison
Community feedback
- @Yashi-Singh-1Posted 4 months ago
Semantic HTML: It would be great to use elements like <main> and <section> to give your HTML a bit more meaning. It helps with readability and SEO.
Accessibility: Make sure your images have clear alt text. Also, add focus styles for buttons and check that text contrasts well with the background for those with visual impairments.
Responsive Design: Your layout adapts well to different screen sizes, which is great. The media queries ensure everything looks good on both desktops and mobiles.
Code Quality: The code is clean and well-organized. Adding comments in your CSS could make it even easier to follow.
Design Consistency: The overall design is spot-on and aligns well with typical product card styles. It looks polished and functional!
Marked as helpful1
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