Skip to content
Submitted 3 months ago

Responsive product card with CSS variables and mobile-first design

accessibility
Melike•100
@melikeasahin
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)
Code

Please log in to post a comment

Log in

Community feedback

  • Tetiana•540
    @TetianaAleks

    Great work! 👏 Your solution looks clean and well-structured. I especially liked how you handled the responsive design — swapping the image source on mobile is a nice touch. The overall layout and spacing are visually balanced and accessible. One small suggestion: you might consider using semantic HTML tags like <article> or <section> instead of just <main> to improve structure and accessibility further.

    Keep up the great work!

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