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

E-commerce product page

Mehmet Can BOZ• 160

@MehmetCanBOZ

Desktop design screenshot for the E-commerce product page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any suggestions are so valuable to me. How I can improve myself? Happy Coding...

Community feedback

Rayane• 1,935

@RayaneBengaoui

Posted

Hello Mehmet Can BOZ,

Congrats for completing this challenge ! 🙂

I'd like to suggest :

  • I don't think you are using the correct font from the design (Kumbh Sans)

  • Some text colors/weights are a bit off compared to the design

  • I would add object-fit : cover to your slider image to make sure the image isn't stretched.

  • When an image is opened from the slider, I think you should make the background darker for a better contrast.

  • On the mobile menu, I would add cursor : pointer instead of text here.

Have a nice day ! 🌞

Marked as helpful

0

Mehmet Can BOZ• 160

@MehmetCanBOZ

Posted

@RayaneBengaoui thanks Rayane, it is very helpful.

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