Skip to content
Submitted almost 2 years ago

Stats preview card

P
Matt•50
@Matt-LaRochelle
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I really struggled to do an overlay of purple hue over the image. I ended up using a div with a background of the image url, but this omits any alt text which comes with an img element. I couldn't get a ::before or ::after pseudo element to work with an img element. Are there some rules that I don't know about? Does anyone have any good articles/tutorials on doing overlays over an image?

Thanks!

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Matt's solution.

Join our Discord community

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