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

Perfume Preview Card Component

P

@AlvaroPrates

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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 600

@AndreyDimitrov3

Posted

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

2

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