Stats Preview Card Component Solution

Solution retrospective
How to overlay the color on the image?
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@webdev1kev
There are a lot of different ways to approach the color overlay. If you don't want to mess with all those filter properties you could give the #right-div a background-color and change the opacity of the image to like 0.5. From there you can just mess with the background color until it matches close to the color of the design.
Hope this helps and keep up the good work!
Marked as helpful - @Gauravkumario
You can use background blend mode property: multiply to overlay the color over image and don't forget to add alt attribute in img element. you can use flex or grid to make it mobile view friendly. btw web view is nice .
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