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

Product List With Cart - React, Nextjs

Don Ana 740

@anttiromppanen

Desktop design screenshot for the Product list with cart coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What challenges did you encounter, and how did you overcome them?

Used this project to try and learn nextjs.

Community feedback

Lejla 130

@LejNur

Posted

I love your solution! Really nice and clean, I also love this challenge and can not wait to do it myself :) Compliments! The only small thing I would change is hover on the dessert card because the hover effect of scaling the image is starting even when the cursor is next to price or outside the image and button.

1

Don Ana 740

@anttiromppanen

Posted

@LejNur

Grazie!

Valid point on the hover, I actually thought of it in the beginning, but decided to go with this approach, but it probably would be better to have the hover only on image.

It was a fun challenge, but actually quite complicated for a junior project!

1

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