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

Solution to Product Preview Using Grid (Easy to Understand).

@Mudassir-Coder

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

@luisgustavogorniak

Posted

Well done! It looks very close to the design!

There are two points that I consider relevant:

Just be careful when setting the width of the elements, depending on the user's viewport, the card will look messy. Instead, try changing it to min-width, so when the viewport changes, it will look as expected.

When working with responsive pages, I recommend that you use the mobile concept first and then adapt it to a larger viewport. You will see that it is much easier to code than the other way around and, after all, people use their mobile devices much more than desktop computers, so to speak.

Other than that your project looks really great! I hope my review is useful! Have a good one and keep coding!

Marked as helpful

0

@Mudassir-Coder

Posted

Actually I am working on it. Thanks for your helpful feedback.

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