Submitted 9 days ago

Product Preview Card Component(responsive)

Ansar• 110

@ansarstellar

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?

First time making responsive web site

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

It took time to understand media queries.

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

I wanna learn more about media queries and other ways of making the website responsive!

Community feedback

BettoRaite• 80

@BettoRaite

Posted 9 days ago

Things I like:

Looks clean.

Things I do not like:

Card text content is not wrapping on 320px, instead it's going over the container boundaries and hence I can't see what is written.
Font size is too big. (for all platforms, especially card title)
On mobile/tablets card width is touching screen edges. (Not beautiful)
No hover effects on the button, nor pointer.

Marked as helpful

Ansar• 110

@ansarstellar

Posted 7 days ago

@BettoRaite thank you so much for the feedback. To be honest, I did not want to try for some details cause I really wanted to finish it and go to sleep ahah, but I will do better next time.

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