@Harshi786
Posted
Hey!
Congrats on completing the challenge.
Your code looks good but few more tips to make your image looks perfect:
-Separate CSS properties for div and image.
- For div of image,
.imgBox {
background-color:hsl(277, 64%, 61%);
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
- Now merge image with above div with mix-blend-mode:multiply property.
img {
width: 100%;
height: 100%;
mix-blend-mode: multiply;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
opacity: 0.75;
}
Hope this helps :)
Marked as helpful