Skip to content
Submitted over 3 years ago

Solution using Sass and JS

sass/scss, jss
Antonio Novak•480
@Nova988
A solution to the Agency landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello,

Would love some feedback on the project.

I was wondering what are some other ways to change the color of a svg when hovering over it? I did it now using Filter(), but i think it is more grey then white.

Code

Please log in to post a comment

Log in

Community feedback

  • T.Praveen•870
    @gwtpraveen

    congratulation on completing the challenge

    use fill attribute to change the hover color

        <svg class="icon">
        <path d="M20 2.172a8.192 ......." fill="#fff" fill-rule="nonzero"/>
    </svg>

    inside css

        .icon:hover {
        fill: "#000"
    }
  • Shashree Samuel•8,860
    @shashreesamuel

    Hey good job completing this challenge

    Keep up the good work

    Your solution looks great however I think that the website title is supposed to be a bit bigger.

    I hope this helps

    Cheers Happy coding 👍

  • jay•210
    @Jay-0331

    Hello,

    it looks good

    and about the hover effect for svg there is a property in css called fill.

    happy coding

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