Product preview card

Brodie Hunt• 300

@brodiehunt

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

Community feedback

MaximilianoDanielGarcia• 2,000

@MaximilianoDanielGarcia

Posted 11 months ago

Hi Brodie, great job!

I've visited your live site and I've noticed this:

I think that you need add more padding on your .card-details class, maybe padding: 2rem;
Add text-transform: uppercase; in your .caption class.
Add cursor: pointer; in your button hover.

After apply these it will look better.

Marked as helpful

Brodie Hunt• 300

@brodiehunt

Posted 11 months ago

@MaximilianoDanielGarcia Thank you, I'll update it tonight. I appreciate the feedback.

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