Design comparison
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
- @MikeBish13Posted over 2 years ago
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 animg
tag with asrc
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 helpful1
Please log in to post a comment
Log in with GitHubJoin 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