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

Product Preview Card

@eduardoe92

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P
Austin H. 270

@austinh-io

Posted

This looks well done! All I have noticed is that the mobile view is not centered like the desktop view is. I noticed that your desktop view has a top margin added to bring it down from the top of the screen, while your mobile view lacks that. It may also be related to the total height of the viewport, as the box containing your card is only as big as the card within it. I would suggest either adding more margin to your mobile view, or adding size to your body element.

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