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

mobile first E-commerce product page || React.js

#node#react#accessibility
Luis Colina• 1,043

@Comet466

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 feedback would be appreciate

Community feedback

P
Remus D. Buhaianu• 3,145

@Miculino

Posted

Congrats on completing the challenge, Luis!

It looks awesome and all the functionality is working as expected except for the little circle on the shopping cart showing how many products have been added to the cart.

Also, the 4 thumbnail images have different styling on the hover effect.

You have quite a lot of issues in your report that you might want to address.

Overall, your project came out looking nice and you've completed the required tasks!

1

Luis Colina• 1,043

@Comet466

Posted

@Remus432 hi remus, thank you for taking the time to watch my solution it means a lot, i imported the gallery slider throu a npm package wich contains almost all the isssues in my report (some of then pretty standar like not having an alt attributte) is really difficult for me to address all of this issues because they came from an external source, but i already found a better documented silder gallery wich am planing in implement in this project and if i have the same trouble i will just make it from scratch, i totally forgot about the badge with the amount of items in the cart component, thank you

0
Luis Colina• 1,043

@Comet466

Posted

for some reason the styles of the product info didnt load in the preview screenshot

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