Submitted over 3 years ago

CSS grid and Flexbox solution

accessibility, bem

Jesus Hurtado•190

@Chuyto70

A solution to the Huddle landing page with a single introductory section challenge

Preview Code

Solution retrospective

I couldn't put the effect hover in the social icons :(

Code

Please log in to post a comment

Community feedback

Vanza Setia•27,715
@vanzasetia
Posted over 3 years ago
👋 Hi there!

🎉 Congratulations on finishing this challenge! About the social media icons, you can use the Font Awesome icons instead and change the color of the icons using the color property or you can use inline SVG and change the color using fill property.
```
/* If you are using font awesome */
.facebook:hover {
  color: red;
}

/* If you are using inline SVG */
svg:hover path {
  fill: red;
}
```
That's it! Hopefully, this is helpful!
Marked as helpful

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