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

Clipboard Landing page - Grid/Flexbox

Bazthos 430

@Bazthos

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello Everyone :)

This is my solution for the Clipboard landing page master Challenge.

It was a cool project with great use of grid and/or flexbox. I particularly focused on responsive design, I think I found the right screen sizes to work on so that my sites are fully responsive.

The only difficulty I had was with the social logo :hover, I used the CSS filter property to change the color, however I could not find the color I wanted.

On a previous challenge, I used the logos available on Font Awesome and changed their color easily.

Is it possible to change the color of an svg image without using the filter property? If yes, how to do it?

Thank you in advance and happy coding everyone :)

Community feedback

Kelvin 915

@Kl3va

Posted

It's always difficult that way when you specify the svg within an img tag. So, what i d most times is simply download the svg icon from popular libraries and you said you usually do. Another way is to specify it within the object tag... But I'm yet to try that approach

Marked as helpful

1
Kelvin 915

@Kl3va

Posted

Yes. You can use the fill property to do that.

0

Bazthos 430

@Bazthos

Posted

@Kl3va I've tried, with a different svg image too, but the color doesn't change ...

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