@mateuscgoncalves
Posted
Hello Kobinamd's, congratulations on your project!
You can achieve the same result using another approach : Instead of two image tags you can use an empty div (or a more semantic tag) and set the background image (use media query to set the right image and size to each screen). Then you set the background-color to violet - hsl(277, 64%, 61%) and use background-blend-mode: multiply to achieve this effect.
I use this approach to solve the challenge, take a look at my code if you have any doubt.
Best,
Mateus
Marked as helpful
@Kobinamd
Posted
Hi Mateus, I have seen your approach but it requires specifying a height for the div which I am trying to avoid as much as possible. But your idea is good since there are two images involved. Thank you.