Skip to content
Submitted 2 months ago

Perfume Preview Card Component

AlvaroPrates•130
@AlvaroPrates
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I'll definitely not forget to set the img display to block

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

I was having some trouble with the image, but it was only a matter of display and object-fit properties.

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

Is the responsiveness okay? Should I worry when the screen gets too small, like < 200px?

Community feedback

  • Andrey•680
    @AndreyDimitrov3Posted 2 months ago

    Well done on finishing this project. I think you have done a great job!

    Regarding yourquestion - "Is the responsiveness okay? Should I worry when the screen gets too small, like < 200px?"

    Typically, I design my pages to be responsiveness down to about 280px. However, the standard minimal width for most devices nowadays is 320px. So, you generally shouldn't need to worry about widths smaller than that

    Marked as helpful
    3

Please log in to post a comment

Log in with GitHub

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