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

Stats preview card component

islaammhd 110

@islaammhd

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


my first project

Community feedback

Nneoma Njoku 1,210

@SatellitePeace

Posted

Hello @islaammhd you did a pretty good job

However, the purple overlay is covering the photo

You used rgba which Is one way of creating an overlay but there also another method called

  • mix-blend-mode

So try this instead

. cover {
mix-blend-mode: multiply;
opacity: 85;
}
  • you can play around with the opacity until you get the result you want

I hope this helps

2

islaammhd 110

@islaammhd

Posted

@SatellitePeace thanks for your comment and introduce mix-blend-mode,and i don't know how purple color overlay the picture but I used rgba,i will improve it in my following projects

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