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

@semihyildirim57

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


I made it this challenge flexible. whats your idea?

Community feedback

@NikNT

Posted

Hi @semihyildirim57

You have done a great work.

Some points that I would suggest you to improve -

  • Give the project a title. At present, it just says 'Document' in the browser tab.
  • Add some padding/margin to the content to centralize it. Right now, the content seems to be close to the image and not centred.
  • For the price that is striked through, try to decrease the font-size a bit.
  • Add a hover property on the button so that it changes to a bit-dark green.
  • I see you have not used semantics in your solution, try to incorporate semantic HTML.
  • In CSS, you have imported the Montserrat family twice.

Above all, great work! Keep coding, keep improving ✌🏽

Marked as helpful

0

@semihyildirim57

Posted

@NikNT Thanks for suggestions! Have a good day.

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