Design comparison
Solution retrospective
I don't think any color for the image overlay is given, did I do anything wrong?
Community feedback
- @vanzasetiaPosted over 1 year ago
Hi there! 👋
For the image, I recommend using
<picture>
element. This way, you don't have to set the width and height of the image.Then, use
mix-blend-mode
property to create the purple overlay. After that, reduce the opacity of the image to0.75
.You can see @DarrickFauvel's solution for your reference: Frontend Mentor | Stats preview card component - HTML / Sass / Grid coding challenge solution
I hope this helps. Happy coding! 😄
Marked as helpful0@chill31Posted over 1 year ago@vanzasetia thanks a lot, I was exactly looking forward to such reviews, Will soon apply those things.
0
Please log in to post a comment
Log in with GitHubJoin 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