2nd attempt card product component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  Hey Mahmoud, congratulations for your challenge solution!

  To insert the icon you can do like when you insert a normal image, in this challenge you've used a <button> but work the same as a <div> or other tag. See the code below:

  <button class="cc"><img src="./images/icon-cart.svg" alt="shopping cart icon">Add to Cart</button>

  Don't forget to add display:flex; to the button and height: 100%; to the img:

  .cc {display: flex; align-items: center;}

  .cc img { height: 100%;}

  I hope it helps you bro, keep coding!

  0

  ---

  

  mahmoud medhat•180

  @MahmoudKasrawyPosted over 2 years ago

  @correlucas Ok, what do you think of my design?

  0

  

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  @MahmoudKasrawy I think you did all good, the only thing I would change is the color green you've used for the button. Its a little bit different from the design file. Try this value: hsla(157, 36%, 37%, 1);

  0

  

  mahmoud medhat•180

  @MahmoudKasrawyPosted over 2 years ago

  @correlucas thanks sir 💛

  1

  

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  @MahmoudKasrawy You're welcome Mahmoud.

  0