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. SASS, JS, ANIMATIONS & LOCAL STORAGE

#accessibility#jss#sass/scss#parcel

@isaacnovaes

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


Hey! It's a simple e-commerce product page. If you find anything that could be improved, please let me know.

Community feedback

@meezyart

Posted

Looks to be working correctly now.

the only lil thing I would say is the spacing seems off on the design vs the live. This is the content text on the right rand side. You can use tools like Pixel perfect and xscope to aid with overlaying the design and getting it lined up correctly

0

@meezyart

Posted

Good Work the model pop up skips images when I try to navigate images

0

@isaacnovaes

Posted

@meezyart thank you for analyzing my solution. Throughout the project development, the slider worked as intended. I also implemented a keyboard navigation. So maybe you are using mouse and keyboard to navigate, that’s why it skips images? That’s my guess Anyway, could you check again if the images are being skipped? It would be lovely.

Thank you once again for checking my solution

0
P
AK 6,700

@skyv26

Posted

First of all good work, nice animation :) But there are some issue regarding positioning of elements. Avatar is not right place in Desktop (mine 1366px * 720px).

Finally I would say well done, it is really interesting but difficult challenge, but learning opportunity is more like this kind of challenges.

Well Done! Keep up building new Design.

0

@isaacnovaes

Posted

@skyv26 thank you for checking my solution. When I analyzed the project layout on the screen size that you talked about (1336x720), the avatar kept being placed at the same position, as it is throughout all screen sizes. Could you develop a little more your remark? Because I didn’t see your point.

Once again, thank you for analyzing my solution

0
P
AK 6,700

@skyv26

Posted

@isaacnovaes Hi buddy, Avatar is not at it right place from this I mean, your Avatar is little bit up from rest of content. Even in mobile view you can check Avatar is not aligned properly.

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