Skip to content
Submitted 7 months ago

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

nhbdotcom•10
@nhbdotcom
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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.

Community feedback

  • Jeremiah Ogunfuye•30
    @JeryrPosted 7 months ago

    It is not in an horizontal way, It is not centered in the middle of the page The font weight was not taken to consideration The button border ought to be removed etc.

    You can do better surely

    Marked as helpful
    0
    nhbdotcom•10
    @nhbdotcomPosted 7 months ago

    @Jeryr Thank you for letting me know, is there a tool or extension where I can view if it is centered? I got pressured when I thought I had given a lot of time to make the challenge, which is why I rushed everything. Kindly know, I appreciate you bringing this to me.

    0

Please log in to post a comment

Log in with GitHub

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