Skip to content
Submitted over 3 years ago

responsive css card using css & js

Rosalee Rester•60
@catboxer
A solution to the Article preview component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I could not figure out how to change the color of the svg. I tried using fill in the css with the important tag and using currentColor as the fill in the svg and then using color in my css but just couldn't figure it out. Any suggestions appreciated.

Code

Please log in to post a comment

Log in

Community feedback

  • Jordan•180
    @GitNutts

    If it's the arrow svg you're talking about, use: button:hover img { filter: brightness(3); }

    Marked as helpful
  • Account deleted

    Without any issues

    Hi there 👋

    Congratulate on finishing your project 🎉. You did a great job 🔨

    I give some suggestions that I hope help you take your project to the next level 📈.

    1. In your SVG file inside <SVG> tag there is a <path> tag. Change its fill="" to the color you want. I think the color was given to SVG itself so it was hard to change its color.

    Happy coding ☕

    Maqsud

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