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

@ADCByDefault


Design comparison


SolutionDesign

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

@CharlieeLuna23

Posted

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 helpful

1

@ADCByDefault

Posted

@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 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