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 using Nuxt 3

madhaus 1,040

@festsnusa

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


Hi there! Something weird with my solution. As for carousel, I used carousel from antdv library. Here's the link: https://antdv.com/components/carousel

Of course, everything looks okay in developer mode. But, if you go to demo version, carousel appears only when the screen is changed.

Also, to detect click outside of component, I implemented click-outside-vue3 plugin: https://www.npmjs.com/package/click-outside-vue3

Unfortunately, I don't know how to implement it for cart component.

If smb would like to point out what went wrong, I'm all ears.

Thanks in forward.

Community feedback

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