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

Resposive page using Grid And Flexbox

SaidBC 150

@SaidBC

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

Community feedback

Arsh Goyal 940

@arshGoyalDev

Posted

Hey there,

few things you could improve on

  • on clicking add to cart you should start the item count by 1 instead of 0 it will enhance the user experience
  • for bigger screen instead of using justify-self: end for products, use the extra space to make the cart and products larger
  • in the cart, border for products list should be little bit lighter, that will make it look good

Marked as helpful

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