Submitted almost 2 years ago

Responsive Product Card Component

Zaid Ahmed• 160

@ZaidAhmed2003

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Product preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I have Completed the challenge. Check it out and tell me what`s wrong or there is other better approach.

Community feedback

S MD suleman• 3,530

@sulemaan7070

Posted almost 2 years ago

hey Zaid,😄you definitely did the right thing by using the <picture/> element, and . you did an amazing job, few things you can do to make it perfect is

By adding some more padding to the text-area. Then it will be perfect
and you missed giving the gray color to p e r f u m e text and the stricken off price which is $169.99.
And finally you forgot to add the Cart-svg to the button. Hope my feed back helps you😇

Marked as helpful

Zaid Ahmed• 160

@ZaidAhmed2003

Posted almost 2 years ago

@sulemaan7070 Thanks For feedback its really helpful. I have fixed the icon and color.

Please log in to post a comment

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