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

html and css only

@Ugiagbewellington

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Mr-Funderburk

Posted

I like 'PERFUME' in the green color, that looks nice. The body text ("A floral, solar...") should be black or gray from the example. Having everything with the green color creates competition for interest and doesn't help to make anything stand out. Moving to the mobile version, the image has a fixed width which causes a lot of white space on either side of the image. While this is fine if you're looking at the correct width, anything other than that will cause this spacing which looks off. Nice animation with the button hover effect. This effect does cause the text above it to shift so be aware of that. (I'm using Brave version 1.57.62)

Marked as helpful

0

@Ugiagbewellington

Posted

thanks for the reply, i am greatful@Mr-Funderburk

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