Product Preview Card

Solution retrospective
How do I scale the svg tag? I tried using just width and height but that does not really scale the tag. How do I make the image smaller or bigger?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @ibra-san
Congrats on completing the challenge.
-
Its awesome that you could actually use the svg tag and make it output something, I actually never knew such a tag even existed, that is really brilliant actual. Since its my first time hearing about it, I can't really help you with the tag. But there is another way...
-
I am sure you downloaded this challenge's file on your PC. Head over to images folder you will see icon-cart.svg. Even though it says svg I imported it as an normal image using an img tag like so : <img src="images/icon-cart.svg" />. Therefore I can edit its size and control it. That is my work around.
That is all.
Congrats, and all the best.
-
- @MichelleMinor87
I'm not sure about the svg tag you can check css tricks about that part, but I used the picture tag with source media tag and that helped with the responsiveness of the image. You can also try width 100% height auto that helps sometimes as well! Hope this helps you did awesome keep it up!
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