E-commerce product page. SASS, JS, ANIMATIONS & LOCAL STORAGE
Design comparison
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
- @meezyartPosted almost 3 years ago
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 - @meezyartPosted almost 3 years ago
Good Work the model pop up skips images when I try to navigate images
0@isaacnovaesPosted almost 3 years ago@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 - @skyv26Posted almost 3 years ago
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@isaacnovaesPosted almost 3 years ago@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@skyv26Posted almost 3 years ago@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 GitHubJoin 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