Submitted 11 months ago

Product preview card

Biskup85• 220

@Biskup85

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

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

This time I focus on my containers and row.

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

I try to make first typography and looking what can I to do better.

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

I don't know, I every day, try to do something better.

Community feedback

Anthony• 60

@codimaniac

Posted 6 months ago

The area I think you can improve better are

The line spacing in the description of the product
The discounted and original price are not properly aligned
The cart icon and text in the button are also not properly aligned

You can use display flex to fix the alignment issue

Marked as helpful

Biskup85• 220

@Biskup85

Posted 6 months ago

Thank you, it's very helpful for me. I'm trying next time implement your advices.@codimaniac

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