Design comparison
SolutionDesign
Solution retrospective
I had a hard time position the image correctly in the container .i will please like adviced on how to do it with ease .
also i couldnt make the image to have that voilet background . please i will like some adviced on how to do that .
Community feedback
- @nakoyawilsonPosted almost 3 years ago
To get the violet background you can try using the mix-blend-mode css property by doing the following:
-
Add the violet background to the div the image is contained in.
#right { ... background-color: hsl(277, 64%, 61%); }
-
Use mix-blend-mode and opacity on the image itself:
#right img { mix-blend-mode: multiply; opacity: 0.75; }
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