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

Ham 340

@hmac100

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Was happy about cleaning up the css and making the html a little bit more semantic. Next time I'd probably try doing bem markup.

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

The cart icon in the button was an issue till I saw a great Kevin Powell tutorial doing exactly this challenge https://www.youtube.com/watch?v=B2WL6KkqhLQ&t=2969s.

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

This was my second attempt and I wanted to refine my approach with flex and make that work - rather than just copying Kevin Powell's tutorial - that's so I could reinforce things on my level instead of being bombarded with too much new information. I think overall I need to be more up to speed with semantic markup so I can think the right way from the start of a project in terms of structure and styling.

Community feedback

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