Vanza Setia• 27,795
@vanzasetia
Posted
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 to 0.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 helpful
0
chill31• 190
@chill31
Posted
@vanzasetia thanks a lot, I was exactly looking forward to such reviews, Will soon apply those things.
0
Vanza Setia• 27,795
@vanzasetia
Posted
@chill31
You are welcome!
0
