darryncodes• 6,430
@darryncodes
Posted
Hi Hugo,
Great design, really responsive - well done!
You should use mix-blend-mode: multiply; on .overlay and remove opacity: .6;.
As an alternative option to the overlay approach you could try adding a solid linear-gradient to a background image: background-image: linear-gradient(hsl(277, 64%, 61%), hsl(277, 64%, 61%) ), url(../your/image-filepath);.
You would also need to explore background-blend-mode (multiply usually does the trick).
Keep up the momentum!
Marked as helpful
0
