All comments

• 

  Eduard Ionescu•510

  @EduardIonescuSubmitted almost 2 years ago

  Hi, this is my solution for the Ecommerce project, I didn't take the time to make it responsive between 768px - 1350px, but other than that it works.

  • The accessibility bugs are from the react-modal / react-burger-menu dependencies. A bit annoying.
  • In this project I had to change the color of SVGs on hover, but that ended up being quite annoying so I've created a component with the SVG and changed the stroke color from there. Does anyone know of a simpler solution?

  Thanks and any other feedback is also welcome!

  

  Ecommerce Product Page

  2

  60
  

  JohnC•30

  @john0groundPosted almost 2 years ago

  Hey man, regarding on your svgs, you'll just have to copy the svg element to the html and change the 'fill' attribute to 'none'.

  Then change the 'fill' as a property in css supported with your class-name.

  <svg class="cart" fill ="none" />
  
  .cart {
    fill: #ccc
  }
  
  .cart:hover {
  fill: #fff
  }
  
  

  On the "previous" and "next" icon, the component relied on the border so you will have to change the "stroke" instead of "fill". Hope it helps

  0

  This comment has received 1 replyShow