Skip to content
Submitted over 2 years ago

Preview-card-for-website

NIKHILKUSHWAHA9877•20
@NIKHILKUSHWAHA9877
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I was not able to change color of image from black and white to purple .. please viewers also do help me for the same.

Code

Please log in to post a comment

Log in

Community feedback

  • Andro87•1,460
    @Andro87

    Hello NIKHILKUSHWAHA9877!

    Great job in completing this challenge!

    To solve your issue you can:

    -set a background-color: hsl(277, 64%, 61%) on the parent element ;

    -use the mix-blend-mode: multiply property and an opacity of 0.5-0.7 on the child element;

    In your case it should be something like this:

    .img {
    display: flex;
    background-color:hsl(277, 64%, 61%);
}
.img  img {
        width: 100%;
        height: 100%;
        opacity: 0.7;
        mix-blend-mode: multiply;
}

    Happy coding!!!

    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