Skip to content
Submitted 10 months ago

Product preview component

Chris•150
@cohoc
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

  • AmyH-goose•120
    @AmyH-goose

    You did amazing, it's basically pixel perfect! I don't know react yet but one note I have is that to make the site more accessible to screen reader users, add a span tag with an sr-only class to the pricing__actual and pricing__adjusted elements with texts like "Current price" or "Original price", then style it in css so that sighted users can't see them. That way, the screen reader won't just read $149.99 and $169.99 which would be confusing to the user.

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