Product preview card component

Community feedback

• 

  Laura Alvarez•80

  @lalvarezzPosted over 2 years ago

  Hey, Ale! I was having issues with the button icon as well, however, just consider your button as any other div, in order to adjust the icon width you just have to use .button img{width: 1em;} this will make your icon width the same as your font-size.

  I also recommend you to study object-fit property, this will help you as well for re-sizing small icon into divs, so the css button could have these properties .button img{width: 1em; object-fit: contain;}. It takes a little bit of practice. I hope it helps you!

  Marked as helpful

  1

  ---

  

  Alejandro Camacho•10

  @CeriOwlPosted over 2 years ago

  @lalvarezz I really appreciate your tips and your response a lot, and more that you explain me this in a easy way. Thx.

  0
• 

  Gvne•70

  @gvneePosted over 2 years ago

  Instead of copy pasting svg. You can use img to import the svg file. Like this <img src="images/cart-icon.svg>. And if you want to resize the icon don't edit the svg file. Instead use css width and height.

  1

  ---

  

  Alejandro Camacho•10

  @CeriOwlPosted over 2 years ago

  @gvnee I din't know that you can do it like this, I always thought that you need to copy paste the svg into the html. Thx.

  0