Skip to content
Submitted over 2 years ago

Clipboard Landing page - Grid/Flexbox

Bazthos•430
@Bazthos
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Clipboard landing page
  • HTML
  • CSS
2junior

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
    @Kl3vaPosted over 2 years ago

    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
    @Kl3vaPosted over 2 years ago

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

    0
    Bazthos•430
    @BazthosPosted over 2 years ago

    @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

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