@correlucas
Posted
👾Hello TripleA, Congratulations on completing this challenge!
You’ve done really good work here putting everything together, I’ve some suggestions to improve the design:
To make your hero image have the same look and the color purple overlay, you need to use mix-blend-mode
using the multiply
one.The mix-blend-mode CSS property sites how an element's content should blend with the content of the element's parent and the element's background.
Here’s how you can add this to your img
selector:
img { mix-blend-mode: multiply; opacity: 84%;}
Here's a good article explaining these effects with mix-blend-mode: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode
✌️ I hope this helps you and happy coding!
@TRIPLE-ADE
Posted
@correlucas wow thank you so much I really appreciate
@correlucas
Posted
@TRIPLE-ADE I'm happy to hear that TripleA, than say me if worked and if was useful for you =)
@TRIPLE-ADE
Posted
@correlucas pls I'm using background image how can I make it work on the background