Andro87• 1,450
@Andro87
Posted
Hello NIKHILKUSHWAHA9877!
Great job in completing this challenge!
To solve your issue you can:
-set a background-color: hsl(277, 64%, 61%) on the parent element ;
-use the mix-blend-mode: multiply property and an opacity of 0.5-0.7 on the child element;
In your case it should be something like this:
.img {
display: flex;
background-color:hsl(277, 64%, 61%);
}
.img img {
width: 100%;
height: 100%;
opacity: 0.7;
mix-blend-mode: multiply;
}
Happy coding!!!
Marked as helpful
0
