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

HTML, CSS Flex layouts, Javascript

MavDavis 100

@MavDavis

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


It's been a long time since I built this project but I decided to paste it her today. There are few errors which I'm most likely to revisit soon. You feedback is welcome still

Community feedback

Erick 270

@d3bu6m3

Posted

congratulation for finishing this challenge bro! a little help for you, to achieve the cart item number that appears in the cart when you are clicking the "add button" you can use HTML Attribute "data-totalitems=0" then at your CSS use pseudo element ::before/::after "content: attr(data-totalitem)" to style it and finally at your javascript do the data manipulation increment/decrement

Marked as helpful

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