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

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

nhbdotcom 10

@nhbdotcom

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?

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

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

@Jeryr

Posted

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

@nhbdotcom

Posted

@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
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