Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Product preview card component

Julieta 60

@julietaxcc

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any feedback are welcome

Community feedback

Muhammadh 1,140

@Mr-jaw

Posted

Hi there 👋

You have done a great job by using CSS custom properties and relative units

For the alt attribute in the <img> tag use more descriptive text (i.e alt="Chanel perfume") rather than saying 'product', being more specific on what the product is like and more accessible.

avoid using hyphens or underscore in the alt attribute since, it must humanly readable and understandable

I hope this was useful 😊

KEEP GRINDING

Marked as helpful

0
AlonGitH 40

@AlonGitH

Posted

Nice work Julieta! Please note to change button background once hovering ;-) Plus change cursor to pointer.

Kind Regards

1

@link4media

Posted

Thank you very much, you are absolutely right, basic error :( I will correct it and update.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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