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-component

jolup04 120

@jolup04

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

@ComanderPotato

Posted

Nice work! It looks super close. I had a look at your code and looks pretty good. Only a few notes with the margin on the button could use a bit more, and you could try adding a transition duration for the hover to add a little bit more. And with the pricing a common design principle is alignment, if you group the prices in a container and set that container to flex-box, you would be able to align them both horizontally, but other than that all looks good. Goodjob and the next step is adding a media query to make it responsive to screen sizes!

Marked as helpful

1

jolup04 120

@jolup04

Posted

@ComanderPotato Thanks for the feedback! I'm a complete beginner and these tips are really helpful

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