@fidellim
Posted
Hi @arnavdoley,
Great job finishing the project! To answer your question, you can remove your img tag and do this instead:
.layer {
background-color: hsl(277, 64%, 61%);
background-image: url(/images/image-header-desktop.jpg);
background-blend-mode: multiply;
}
This will combine both color and image. Background-blend-mode: multiply will darken the color overlay.
I hope this helps :)
Marked as helpful
@Webothdo
Posted
@fidellim Thank you for this. I had the same problem but I was gonna hard code the size - this is better
@arnavdoley
Posted
I will surely try this and may be it will also solve the responsiveness issue that Im having in mobile view. than @fidellim