@brittgallowaySubmitted over 4 years ago
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.
