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_lurah11

@lurah11

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


beginner >.<

Community feedback

Fat 850

@Fahatmah

Posted

Hey, it is okay! And that is really normal. And do not overthink of it. Just think of it as a progress. And if you are persistent and consistent to learn, you will see improvements.

I see in your code that your card is having the width of 1440 pixels and that would fill up the entire screen of a desktop screen. If you base on the design, you see it should have a width of around 20rem and 30rem which 1rem is equal to 16px.

You made out the design and that is good. What really challenges us here is the sizes or the width of the designs or making the perfect pixels and that where we learn and improve.

Keep it up!

Marked as 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