Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

I tried to finish this by my instinct and tried to make it look a like

nhbdotcom•10
@nhbdotcom
A solution to the Product preview card component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

Frontend Mentor - Product preview card component solution

This is a solution to the Product preview card component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

The challenge

Users should be able to:

  • View the optimal layout depending on their device's screen size
  • See hover and focus states for interactive elements
Screenshot

incomplete solution

Built with
  • Semantic HTML5 markup
  • CSS custom properties
  • Mobile-first workflow
What I learned

What I learn is be specific on searches of keywords so you can find the answer to google also don't be afraid making mistakes.

What challenges did you encounter, and how did you overcome them?

Challenge is if you never don't have a basic grasp to do it, you need to improvise and search for things to do the right thing.

What specific areas of your project would you like help with?

I want to get some technique about the icon from add to cart, and some advices.

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 nhbdotcom'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