I found adding colour to the background image in this task challenging, but I accomplished it using the blend mode property in CSS. This was a new property for me, and I'm glad to have learned it through this challenge.
If you have any feedback or suggestions, please feel free to share them. Thank you! 😊
@arogersrenee
Posted
For the color over the image, trying using box-shadow: inset ...... (see link below)
"The box-shadow has a property value called inset, which causes the shadow to appear inwards of the frame of the box." This combined with a color with a lowered opacity will give you the effect that you want.
https://www.hongkiat.com/blog/css-only-overlays-box-shadow/
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
