Design comparison
Solution retrospective
I would be grateful for feedback ;)
Community feedback
- @CreativeLogicPosted 7 months ago
Hi. You can add a mix blend multiply effect on the image. Wrap the image around a div and set the div to the background color of the insight word. Then add the effect in CSS and opacity. Grab the values from the figma file. This effect blends the image with the background color.
Marked as helpful0@XNiziPosted 7 months agoHi @CreativeLogic Thank you for feedback and spending time for read a code. I tried using a mix blend, could you see if it's ok?
0@CreativeLogicPosted 7 months ago@XNizi Hi. The effect is visible now. I actually think your version looks better aesthetically. It's clearer, but the design is a bit different. You can play with the values to get it to look more like the design like opacity. Now it's a question of how close you want it to be a design or if you like your version more.
Also, I think the design had opacity lowered for the paragraph text and subheadings under the stats.
0
Please log in to post a comment
Log in with GitHubJoin 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