Skip to content
Submitted 5 months ago

Responsive product review card

Iamojochenemi•120
@Iamojochenemi
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I was able to make the page responsive. Write neater code

What challenges did you encounter, and how did you overcome them?

Using the <picture> to place two different pictures that'll display at different width. Searched for it

What specific areas of your project would you like help with?

I'll need help with the whole responsiveness, please give me tips

Code

Please log in to post a comment

Log in

Community feedback

  • Kristijan Bobovec•90
    @kristijanbobovec

    In you HTML add .visually-hidden (not visible elements but readable by screen reader) elements for prices for example two spans with "Original price" and "Current price" let's say so you add meaning of those prices to people who have problems with vision. Also never first use H2 and then H1 tag.

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