Skip to content
Submitted about 2 years ago

HTML, CSS Flex layouts, Javascript

MavDavis•100
@MavDavis
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...E-commerce product page
  • HTML
  • CSS
  • JS
3intermediate

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
    @d3bu6m3Posted about 2 years ago

    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

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