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

Mobile First Responsive Product Preview Card

P
Shaun Pour 630

@ShaunPour

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?

Despite not being specifically designed for it, 99% of the design is functional for 1440p monitors and tablets. It would only need a few slight tweaks to be more visually consistent with the other devices it is designed for.

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

The html had to be rewritten several times to allow the design to be made responsive enough to work on larger screen sizes.

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

In general, I feel like the core element is too large and would go back and shrink it down somewhat if I ever return to this project.

Community feedback

Kyle 50

@kylecreate

Posted

Apologies for necro-posting on your project. I just finished this and it recommenced I give feedback on yours.

The font, padding, and margin on your entire project isn't showing and has everything to the left. Other than that, it looks good!

Marked as helpful

0

P
Shaun Pour 630

@ShaunPour

Posted

@kylecreate This is also an ancient one for me. It was over a year ago I did this one. But if I ever decide to revisit it and do this one again, I will keep that in mind.

1
P
Steve Xero 210

@stevexero

Posted

Have you thought about revisiting this project and implementing what you've learned since?

0

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