Submitted about 2 years ago

Huddle landing page

Jesús Yadiel• 50

@yeezusch23

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Huddle landing page with a single introductory section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hello everyone, some tips to improve my code?

I'm not sure why I can't show the icons directly from font awesome, I solved it with img but you can't change their color

Any feedbacks are appreciated

Community feedback

David• 8,000

@DavidMorgade

Posted about 2 years ago

Buenas Jesus, enorabuena por terminar el challenge! te quedo bastante bueno y responsive sigue así!

Creo que puedo intentar ayudarte con tu duda.

Las imagenes que has descargado son SVG, estas propiamente dichas puedes incluso editarlas dentro de visual studio code, veras que tienen una propiedad llamada "fill", aquí puedes ponerles el color que quieras, también puedes usar CSS para cambiarles el color, añadeles cualquier clase a tus imagenes y usa la propiedad filter: invert(100%); con esto si las imagenes son negras, pasarán a ser blancas!

Espero que mi respuesta te sea de ayuda, cualquier duda que tengas preguntame! un saludo.

Jesús Yadiel• 50

@yeezusch23

Posted about 2 years ago

@DavidMorgade

Thanks for the feedback, it really helped me :)

Piyush jain• 220

@PiyushJain01

Posted about 2 years ago

Hi 👋, Just add the below mentioned link to get the icons visible.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css" />

Happy coding :)

Jesús Yadiel• 50

@yeezusch23

Posted about 2 years ago

@PiyushJain01

Wow, it really worked, thank you very much for your comment :)

Please log in to post a comment

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