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

Huddle Landing Page

Chitrang 150

@cwebdev


Design comparison


SolutionDesign

Solution retrospective


Hi,

This is my solution for Huddle Landing Page.

I was unsure of how to implement social media icons but I downloaded some SVG from internet and used CSS filter property to change color on hover. Is it a good approach or is there some other way?

Any other general feedback is welcome.

Happy Coding!

Community feedback

@MikeBish13

Posted

Good job on this project!

In answer to your question about SVGs: if you want to style them on :hover then the best thing to do is actually insert them into your code, rather than use an img tag with a src attribute.

The beauty of SVGs is that they are actually built with code, so you can access and change different properties without having to overlay colors onto them, as you've done here. It'll make things so much easier for you. For example, you can usually access an SVGs outline through:

svg {
    path {
         stroke: blue;
    }
}

Check out this link to find out more about styling SVGs.

Marked as helpful

1

Chitrang 150

@cwebdev

Posted

@MikeBish13 Thank you for the guidance.

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