@brasspetals
Posted
Hi, Jannatun Naher Reya! 👋
The image coloring was tricky on this one! For your solution, you actually don't need to use a ::before
element. I did this when I was trying to figure out the coloring too.😄
Delete your ::before
element and set the background-color
of the .image-container
to the purple accent color. Then set mix-blend-mode: multiply
on .image-container img
. Adding an opacity
to your .image-container img
, somewhere around 0.8
, should complete the look!
You might also want to change the font-family on your h1 to match the design. 👍
Hope this helps - and happy coding!
@reya3183
Posted
@brasspetals wow!! it works so nicely and perfectly match. I like it. Thank you so much. Have a good day! Happy coding :)