Design comparison
Solution retrospective
!help. i can't have add the hover affect on the social icons. tell me how you would do it. thanks a lot in advance.
Community feedback
- @CharlieeLuna23Posted over 2 years ago
Hello!
To change the color of the icons you have to use svg images which I know you are but you are adding the image itself. Honestly, I'm not the best person to explain this because I watched a video on SVG's for this and I don't really remember but let me paste you a snippet on how that part looks in my html file:
<a href="#"> <i class="fa-brands fa-facebook fa-2x"></i> </a>
That would be one logo and the other two would just change the name to fa-twitter and fa-instagram. And for me to use them I had to download a library.
Once you are able to use Svg's it would be the same as with the button, with the :hover pseudo class.
A quick tip if I may, it could just be an issue with Github, but on your html file you have a lot of indentation and I, personally, found it hard to read. The recommended indentation is 2 spaces afaik.
Marked as helpful1@ADCByDefaultPosted over 2 years ago@CharlieeLuna23 thanks a lot it's working now. and for to indentation, i don't know why it's so much on github, on my vsc it's normal. btw thanks again.
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