Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

Product Preview Card

Jordan Kleinbaum•210
@JordanKleinbaum
A solution to the Product preview card component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


1 This is my first time using Semantic HTML, please lmk how to improve on it / what I did well.

2 General Question: If an image is by itself in the HTML, should it be wrapped in a div or can it be left alone? For example, I have my images with classes mobile photo and image in the entire leftside div. Would it be best practice to have another div called photos for example so that I can be more specific in my code?

3 For future creators of this challenge, the green color isn't in the style guide so I added it myself: Forrest Green: rgb(75, 135, 107);

Thank you so much! I'm super glad how this one came out, onto the next!😎

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Jordan Kleinbaum's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License