Submitted over 4 years ago
CLIPBAORD LANDING PAGE: Mobile First, Sass
@brittgalloway
Design comparison
SolutionDesign
Solution retrospective
I couldn't get the social media icons to change color on hover. I usually use font awesome, and it's very easy to do. I tried to use the icons given but I couldn't get it to work. Is there a trick to it when using img tag?
Here is my html:
<span class="icons"> <a href="#" ><img src="images/icon-facebook.svg" alt="Facebook link" /></a> <a href="#"><img src="images/icon-twitter.svg" alt="Twitter link" /></a> <a href="#" ><img src="images/icon-instagram.svg" alt="Instagram link" /></a> </span>(s)css:
svg:hover { fill: $strongCyan; }
My footer also displays differently on Chrome and Firefox. It breaks on Firefox.
Community feedback
- @Abdelrhman90Posted over 4 years ago
You could try to use css filters
0@brittgallowayPosted over 4 years ago@Abdelrhman90 that's a good suggestion! I'll give it a try.
0
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