Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Solution using Sass and JS

#sass/scss#jss
Antonio Novakā€¢ 480

@Nova988

Desktop design screenshot for the Sunnyside agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

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

@gwtpraveen

Posted

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"
    }
0
Shashree Samuelā€¢ 9,260

@shashreesamuel

Posted

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-0331

Posted

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

Log in with GitHub
Discord logo

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