Submitted over 2 years ago

Solution using Sass and JS

Antonio Novak•480

@Nova988

Preview site View code

This is a solution for...Agency landing page

HTML
CSS
JS

2junior

Design comparison

SolutionDesign

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.

Community feedback

T.Praveen•870

@gwtpraveenPosted over 2 years ago

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•9,260
@shashreesamuelPosted over 2 years ago
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 👍
0
jay•210
@Jay-0331Posted over 2 years ago
Hello,

it looks good

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

happy coding
0

Please log in to post a comment

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