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

Product Card Component Preview

Chayne White•70
@ChayneW
A solution to the Product preview card component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Hello Frontend Squad! This challenge I felt was a great test of my knowledge of CSS so far and humbled me on understanding the flex and grid properties more.

  • What did you find difficult while building the project?

Getting more deliberate practice on how to choose between flex and grid greatly helped my overall understanding on how to manipulate CSS properties more.

-Which areas of your code are you unsure of?

With me still trying to get a handle on flex and grid properties more, I feel there are cases where I mixed the use cases often.

Big shout outs to @GuillermoBPY and his repo: https://github.com/GuillermoBPY/product-preview-card-component-main

helped me get an understanding on which cases to use certain properties.

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 Chayne White'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