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

@Fran-Sanabria

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

@thaisavieira

Posted

Hello, Fran Sanabria! Be welcome to our Frontend Mentor Challenge Community and congratulations on submitting your solution. I love it, it's perfectly responsive, with very well-organized code. However, if I may say so, I missed the closeness between your solution and the desired design, especially regarding colors, spacing, and font sizes, as well as I, missed your own read.me on the GitHub repository. Here are some tips on how to resolve these notes I mentioned:

  • I fully understand that many of us do not have access to Figma files, which can lead to some discrepancies with the desired design. Try to open the images of the desktop and mobile versions in the browser and with the help of a notebook and a browser extension called Measure-it, note the spacing, colors, typography. Regarding the repository on GitHub, I would like to point out the following post from Twitter: https://twitter.com/AparnaSoneja/status/1547850784737738753 and also take the time to follow the read.me template provided along with the challenge. I hope I have helped you. Keep studying, you're doing great.

Marked as helpful

1

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