@onyedikachi23
Posted
I see your issue is probably with blending the image to with the violet colour.
- To do this, put the image in a container and make the image fill the container entirely without distorting (stretching) its look.
- Add the violet colour as the background colour for the container.
- Then use
mix-blend-mode: multiply;
ormix-blend-mode: lighten;
on the image to make it blend with the violet colour.
You can read more about the mix-blend-mode CSS property here - mix-blend-mode - MDN DOCS.
Marked as helpful
@replayzor
Posted
Thank you I will try it @OnyedikachiOzoani
@onyedikachi23
Posted
@replayzor I'm always available to help because it also helps my learning.
@replayzor
Posted
Done it worked thank you :)@OnyedikachiOzoani
@onyedikachi23
Posted
@replayzor So next thing to do is go update the code in your GitHub repo and also in your live site. Then come over to this Solution on Frontend Mentor and generate a new screenshot to make the design comparison look much better.
Marked as helpful
@replayzor
Posted
I updated on github , oh did not know that I need to take another screenshot . Thank you mate @OnyedikachiOzoani